/* ============================================================================
   WELL RUN · SIGNAL SYSTEM — DESIGN TOKENS (theme contract) · ARVELLI
   Value swap only — class names + token names + structure are unchanged from
   the platform tokens.css. Drop these values into the normalized build's
   assets/css/tokens.css. Palette is authoritative (Limestone / Ink Navy /
   Aged Brass / Warm Near-Black, 60-30-10).

   LIGHT vs DARK: the brand is light-dominant (Limestone base) for the full
   site; the launch landing is dark — Ink Navy canvas (--wr-hero) with Limestone
   ink (--wr-white) and Aged Brass accent (--wr-orange). Both read from the same
   token names, so the light surfaces are ready when the full site lands. Type is
   self-hosted Josefin Sans (assets/css/fonts.css).
   ============================================================================ */
:root{
/* --- core palette ------------------------------------------------------- */
--wr-black:   #1C1A18;   /* Warm Near-Black — ink, linework, body text        */
--wr-hero:    #16202E;   /* Ink Navy — structure: dark sections, header/footer */
--wr-yellow:  #C9AA74;   /* Brass highlight (was signal yellow)               */
--wr-orange:  #B08D57;   /* Aged Brass — the accent (was signal orange)       */
--wr-white:   #F2EEE8;   /* Limestone — base canvas + light surfaces          */
--wr-grad:           linear-gradient(90deg,  #C9AA74, #B08D57);
--wr-grad-diag:      linear-gradient(135deg, #C9AA74, #B08D57);
--wr-grad-vert:      linear-gradient(180deg, #C9AA74, #B08D57);

/* --- limestone (paper) alphas ------------------------------------------- */
--wr-white-95: #F2EEE8F2;
--wr-white-75: #F2EEE8BF;
--wr-white-65: #F2EEE8A6;
--wr-white-45: #F2EEE873;
--wr-white-38: #F2EEE861;
--wr-white-16: #F2EEE829;
--wr-white-10: #F2EEE81A;
--wr-white-08: #F2EEE814;

/* --- ink (near-black) alphas -------------------------------------------- */
--wr-black-50: #1C1A1880;
--wr-black-40: #1C1A1866;
--wr-black-38: #1C1A1861;
--wr-black-15: #1C1A1826;
--wr-black-10: #1C1A181A;
--wr-black-08: #1C1A1814;
--wr-black-06: #1C1A180F;
--wr-black-04: #1C1A180A;
--wr-black-03: #1C1A1808;
--wr-black-72: #1C1A18B8;

/* --- ink navy (hero / dark structure) alphas ---------------------------- */
--wr-hero-90: #16202EE6;
--wr-hero-72: #16202EB8;
--wr-hero-62: #16202E9E;
--wr-hero-60: #16202E99;
--wr-hero-55: #16202E8C;
--wr-hero-50: #16202E80;
--wr-hero-30: #16202E4D;
--wr-hero-25: #16202E40;
--wr-hero-20: #16202E33;
--wr-hero-18: #16202E2E;

/* --- glass (over Ink Navy imagery keep light glass; frosted = limestone) - */
--wr-glass-08:      rgba(255,255,255,0.08);
--wr-glass-14:      rgba(255,255,255,0.14);
--wr-glass-16:      rgba(255,255,255,0.16);
--wr-glass-90:      rgba(242,238,232,0.90);
--wr-glass-95:      rgba(242,238,232,0.95);
--wr-glass-light:   rgba(255,255,255,0.08);
--wr-glass-mid:     rgba(255,255,255,0.14);
--wr-glass-border:  rgba(255,255,255,0.18);
--wr-glass-frosted: rgba(242,238,232,0.90);

/* --- shadows (warm near-black) ------------------------------------------ */
--wr-shadow-sm: 0 2px 8px rgba(28,26,24,0.10);
--wr-shadow-md: 0 4px 24px rgba(28,26,24,0.14), 0 0 0 1px rgba(28,26,24,0.05);

/* --- ui ink ------------------------------------------------------------- */
--wr-ui-dark:  #1C1A18;
--wr-ui-mid:   #1C1A18CC;
--wr-ui-muted: #1C1A1873;

/* --- type / geometry / motion (structure unchanged) --------------------- */
--wr-font:       'Brandon Grotesque', 'Josefin Sans', Futura, system-ui, sans-serif;  /* self-hosted Josefin Sans is the guaranteed baseline */
--wr-radius-pill:          9999px;
--wr-radius-card:          20px;
--wr-radius-sm:            10px;
--wr-radius-collapsed:     44px;
--wr-radius-collapsed-mob: 34px;
--wr-ease-out:    cubic-bezier(0.23, 1, 0.32, 1);
--wr-ease-strong: cubic-bezier(0.12, 1, 0.2, 1);
--wr-ease-spring: cubic-bezier(0.16, 1, 0.30, 1);
--wr-trans-fast: 0.2s ease;
--wr-trans-slow: 0.4s ease;
--wr-max-width:     1280px;
--wr-nav-height:     72px;
--wr-header-height:  72px;
--wr-pad-x:         clamp(20px, 5vw, 80px);
--wr-pad-y:          clamp(80px, 10vh, 140px);
--wr-section-pad-x: var(--wr-pad-x);
--wr-section-pad-y: clamp(80px, 10vh, 130px);

/* --- cards -------------------------------------------------------------- */
--wr-card-border:  #1C1A181A;
--wr-card-bg:      #1C1A1808;

--wr-drop-spin: 360deg;
}