/* RespAir Sleep brand tokens — drop in before rebuild.css, then replace the hard-coded values noted in BRAND-ALTERATIONS.md */
:root{
  --navy:#061526;        /* Night: hero, header, footer ground */
  --navy2:#0a2139;       /* Navy: logo ink, headlines, dark cards */
  --navy-800:#123654;    /* raised panels on navy, app-icon tile */
  --teal:#0f6f90;        /* RespAir teal: Air, links, heading accent ON LIGHT (5.7:1 white, 5.3:1 ice) */
  --teal-bright:#1fa0c1; /* buttons and graphics on navy only (fails as text on white) */
  --aqua:#a9dce8;        /* Sky: Air and highlights ON NAVY */
  --ice:#eff8fa;
  --ink:#061526;         /* body copy */
  --ink-soft:#30485b;    /* secondary copy, captions */
  --ink-muted:#63798a;   /* placeholders only, white ground only */
  --line:#d9e5e9;
  --dawn:#f3b55b;        /* one warm accent per screen, on navy only */
  --focus-light:#0f6f90; --focus-dark:#a9dce8;
  --radius-sm:6px; --radius-md:12px; --radius-lg:22px; --radius-pill:999px;
  --head:Manrope,system-ui,sans-serif; --body:'DM Sans',system-ui,sans-serif;
}
/* Mapping from the handoff's values */
/* --blue:#137da0  -> var(--teal)        (text accent on light; #137da0 fails 4.5:1 on ice) */
/* #9de1ec / #c3eef5 buttons -> background:var(--teal-bright); color:var(--navy)  on navy
                               background:var(--teal);        color:#fff        on light */
/* focus #e7a745 -> var(--focus-dark) on navy, var(--focus-light) on light, 2px solid */
/* h2 font-weight 650 -> 700; h1/h2 letter-spacing -.035em -> -.025em; h3 -.02em -> -.01em */

:root{--line-dark:rgba(255,255,255,.14);--text-on-dark:rgba(255,255,255,.72);--blue:var(--teal)}