/* ================================================================
   brand.css — PPE1 (ppeone.com)  ·  Navy + Green identity
   Overrides shared tokens.css to the 2026 PPE1 logo palette:
     navy  #052B66   ·   dark green #148A4B   ·   light green #63C174
   Loads AFTER tokens.css + components.css, so it also fine-tunes a
   couple of brand-colored component details the shared CSS hardcodes.
   ================================================================ */

:root {
    /* Brand */
    --brand-primary: #052B66;        /* navy — the platform/structure color */
    --brand-dark: #03204d;           /* deeper navy — CTA/nav hover */
    --brand-light: #e8eef8;          /* light navy tint — icon/badge fields */
    --brand-accent: #148A4B;         /* dark green — the accent/action color */
    --brand-accent-light: #e4f3ea;   /* light green tint — green badge field */

    --footer-bg: #04204d;            /* deep navy footer */
    --bg-dark: #0a1f44;              /* dark-section base (navy, not the default) */

    /* Hero — deep premium navy with a green glow so the accent pops */
    --hero-grad-1: #16386b;
    --hero-grad-2: #0a2147;
    --hero-grad-3: #04101f;
    --hero-glow-1: rgba(20, 138, 75, 0.10);   /* green glow */
    --hero-glow-2: rgba(99, 193, 116, 0.07);  /* light-green glow */
    --hero-pill-bg: rgba(99, 193, 116, 0.16); /* feature-pill icon field — light green */
    --hero-pill-icon: #7fd49a;                /* light-green pill icon */
}

/* Navy focus ring on form fields (shared CSS hardcodes a blue one) */
.contact-form__input:focus,
.contact-form__textarea:focus {
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 3px rgba(5, 43, 102, 0.14);
}

/* Brand-green stays the CTA pop everywhere it acts (per the logo system:
   navy = field/structure, green = action). Primary buttons stay navy;
   success/"go" affordances use green. */
.contact-form__submit--success { background: var(--brand-accent); }

/* The site nav logo is the full-color lockup on white — no multiply tint needed */
.site-nav__logo { mix-blend-mode: normal; }