/*
Theme Name: Kadence Child (Canopy)
Description: Child theme for Kadence. Holds the Canopy Number calculator template, the lead capture assets, and the Canopy brand palette.
Author: Canopy
Template: kadence
Version: 1.0.0
*/

/* ---------------------------------------------------------------------------
   Canopy brand palette (starting point, swap the hex values to rebrand)
   deep green  #1d6f4f   primary actions, links, accents
   ink         #101828   headings and body text
   slate       #5b6470   secondary text
   cream       #f7f5f1   section backgrounds
   sand        #e8e2d8   borders and dividers
   --------------------------------------------------------------------------- */

:root {
  --cn-primary: #243E31;        /* deep green, actions and headings */
  --cn-primary-dark: #1B3026;
  --cn-primary-tint: #EDF1EC;
  --cn-secondary: #BC4C10;      /* burnt orange, accents only */
  --cn-secondary-dark: #9C3E0C;
  --cn-secondary-tint: #FBEDE3;
  --cn-ink: #16241C;            /* green black for text */
  --cn-slate: #56635C;
  --cn-cream: #FAF7F1;          /* page background */
  --cn-sand: #E7E1D6;
}

body {
  background-color: var(--cn-cream);
  color: var(--cn-ink);
}

h1, h2, h3, h4, .entry-title {
  color: var(--cn-ink);
  letter-spacing: -0.01em;
}

a {
  color: var(--cn-primary);
}

a:hover {
  color: var(--cn-secondary);
}

/* Buttons */
.wp-block-button__link,
button,
input[type="submit"],
.kadence-button {
  border-radius: 10px;
}

.wp-block-button__link {
  background: var(--cn-primary);
  color: #ffffff;
}

.wp-block-button__link:hover {
  background: var(--cn-primary-dark);
  color: #ffffff;
}

.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  border: 1.5px solid var(--cn-secondary) !important;
  color: var(--cn-secondary) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--cn-secondary-tint) !important;
  color: var(--cn-secondary-dark) !important;
  border-color: var(--cn-secondary-dark) !important;
}

/* Header and footer */
.site-header,
#masthead {
  border-bottom: 1px solid var(--cn-sand);
}

.site-footer,
#colophon {
  background: var(--cn-ink);
  color: #cfd6dd;
}

.site-footer a {
  color: #ffffff;
}

.site-title a,
.site-branding a {
  color: var(--cn-ink);
  font-weight: 700;
}

/* Simple form styling used on the product pages */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
select,
textarea {
  border: 1.5px solid #dfe3e8;
  border-radius: 10px;
  color: var(--cn-ink);
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--cn-primary);
  outline: none;
  box-shadow: 0 0 0 3px rgba(29, 111, 79, 0.12);
}

/* Section rhythm */
.wp-block-group.has-background {
  padding: clamp(28px, 5vw, 56px) 0;
}

.wp-block-separator {
  border-color: var(--cn-sand);
}