/* ============================================================
   JSR ARCHITECTS — Screen & Web Design Tokens  ·  v1.0 · 2026
   Single source of truth for the web/presentation identity.
   Companion to "JSR Design System v1.0" (documents/quotations).
   Import this first; compose everything from these values.
   ============================================================ */
:root{
  /* --- Core brand (locked, from JSR Design System v1.0) --- */
  --navy:#1F3A5F;        /* primary — grounds, headings, structure   */
  --navy-deep:#152A46;   /* dark covers, hero & slide grounds         */
  --navy-ink:#0F2138;    /* deepest navy — footers, primary hover     */
  --coral:#E0533D;       /* the single accent — one layer per block   */
  --coral-deep:#C6442F;  /* coral hover / pressed                     */

  /* --- Extended screen neutrals (cool, biased toward navy) --- */
  --paper:#F2F5F8;       /* default page ground — never warm cream    */
  --paper-2:#EAEFF4;     /* alternating section ground                */
  --mist:#E7EDF4;        /* navy-tint panels, quiet fills, hovers     */
  --hairline:#C9CDD4;    /* rules, borders, drafting marks            */
  --hairline-soft:#DBE1E9;
  --ink:#17222E;         /* body text on light (near-navy black)      */
  --muted:#5B6472;       /* secondary text, captions                 */
  --muted-2:#8A93A0;     /* faint labels, tertiary                    */
  --white:#FFFFFF;

  /* --- Semantic (kept separate from the coral accent) --- */
  --success:#2E8B57;     /* "do", handover milestone (from doc system)*/

  /* --- Typography --- */
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
  --mono:"Cascadia Code","SF Mono",ui-monospace,"Consolas","Liberation Mono",monospace;
  /* Web upgrade path: swap --sans for a licensed neo-grotesque and
     --mono for a technical mono via @font-face; keep Calibri in docs. */

  /* --- Type scale (fluid) --- */
  --step--1:0.78rem;
  --step-0:1.0625rem;   /* body ~17px */
  --step-1:1.33rem;
  --step-2:1.75rem;
  --step-3:2.4rem;
  --step-4:3.4rem;
  --step-5:clamp(3rem,7vw,5.5rem);

  /* --- Space & rhythm --- */
  --pad:clamp(1.25rem,5vw,5.5rem);
  --gutter:clamp(1rem,2.4vw,2rem);
  --radius:6px;

  /* --- Elevation --- */
  --shadow-card:0 30px 70px -40px rgba(15,33,56,.5);
  --shadow-btn:0 10px 24px -12px rgba(31,58,95,.7);
}

/* --- House rules (enforced by the brand, not just tokens) ---
   1. Navy and coral never touch as two large adjacent fills —
      separate them with paper, mist, or white.
   2. Coral is ONE emphasis layer per block (accent OR marks, not both).
   3. On navy or photography, the emblem sits on a light keyline plate.
   4. Neutrals lean cool (toward navy). Never warm cream.
   5. Lists advance with a coral arrow (→), never a dot.
   6. Headings: weight 800, letter-spacing -0.02em, text-wrap:balance.
   7. Labels/specs/figures: mono, uppercase, tracked ~0.14–0.22em.        */