/* TCR Engineering design tokens.
   Source: tcr-brand V7.11.0 (00_Reference/tcr-brand-v7.11.0/design.md, website-design.md).
   Values here must byte-match the brand skill. Do not invent a colour.
   "Deep Navy" resolves to #313841, Dark Slate. Rohit's ruling, 2026-07-10.
   MEMORY.md Open Question 5 is closed: Deep Navy is a prose alias, not a distinct token. */

:root {
  /* Brand */
  --tcr-primary: #4E6D89;        /* Steel Blue: headlines, stat numbers on light */
  --tcr-dark: #313841;           /* Dark Slate, also written "Deep Navy": dark grounds, body text on cream */
  --tcr-deep-navy: #313841;      /* alias of --tcr-dark. Ruled 2026-07-10. The two never diverge. */
  --tcr-accent-light: #FF8C00;   /* TCR Orange: accent on Cream and White only */
  --tcr-accent-dark: #E8C833;    /* TCR Gold: accent on dark grounds only */

  /* Surfaces */
  --tcr-cream: #F5F0E8;          /* body paper, 80%+ of all surfaces */
  --tcr-cream-warm: #EDE7D5;     /* card fill on cream */
  --tcr-cream-warmer: #F4EEDF;   /* alternate card fill, table zebra */
  --tcr-white: #FFFFFF;
  --tcr-grey-light: #EFEAE0;

  /* Text and rules */
  --tcr-ink: #1F1F1F;            /* body text on cream */
  --tcr-muted: #7A7670;          /* captions, footnotes, chrome */
  --tcr-hairline: #D4D2CC;

  /* Semantic */
  --tcr-positive: #1F4A2E;
  --tcr-negative: #8B1A1A;
  --tcr-warning: #C47A1A;

  /* Tints, fills only, never text */
  --tcr-primary-20: #D5DDE4;
  --tcr-primary-12: #E8EEF3;
  --tcr-accent-20: #FFE5C0;

  /* Type. Rohit's ruling, 2026-07-10: the web build ships exactly two families,
     site-wide. Source Serif 4 and Playfair Display leave the web build. The About-page
     centrepiece renders as inline SVG outlines. Both faces below are self-hosted,
     subsetted, and declared in base.css. Adding a third family is a defect.
     Documents, decks and letterheads are unaffected: SKILL.md 15.3 still governs them. */
  --font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-data: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Fluid type. Scales between the 360 px phone and the 1440 px desktop. */
  --step--1: clamp(0.83rem, 0.80rem + 0.15vw, 0.92rem);
  --step-0:  clamp(1.00rem, 0.96rem + 0.20vw, 1.13rem);
  --step-1:  clamp(1.20rem, 1.12rem + 0.40vw, 1.50rem);
  /* Prose size for body copy, added 2026-07-30 on Rohit's ruling. 17.0 to 19.2 px.
     It exists because --step-0 (16 to 18.1 px) read too small, and the site had
     been compensating by putting .answer-first on ordinary paragraphs to borrow
     --step-1 (19.2 to 24 px). That made every paragraph a lead paragraph and
     left body copy at 24 px on a wide monitor. --step-prose is the real body
     size; --step-1 goes back to meaning "this is the answer paragraph". */
  --step-prose: clamp(1.06rem, 1.00rem + 0.28vw, 1.20rem);
  --step-2:  clamp(1.44rem, 1.29rem + 0.75vw, 2.00rem);
  --step-3:  clamp(1.73rem, 1.46rem + 1.35vw, 2.67rem);
  --step-4:  clamp(2.07rem, 1.61rem + 2.30vw, 3.55rem);

  /* Space, fluid where it matters */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-s: 1rem;
  --space-m: 1.5rem;
  --space-l: clamp(2rem, 1.5rem + 2.5vw, 3.5rem);
  --space-xl: clamp(3rem, 2rem + 5vw, 6rem);

  /* Layout */
  --wrap-max: 90rem;             /* max-width, never width. Widened 76->90rem, Rohit's design review 2026-07-13: body text spreads across the page. */
  --wrap-narrow: 44rem;          /* measure for reading text */
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);
}

/* ============================================================================
   Wireframe v4 palette (appended 2026-07-12, Rohit's instruction: the shipped
   pages must carry the colour system of 02_Draft_HTML/
   TCR-Website_Homepage-Draft_v4.html). Additive: nothing above was changed.
   RULED by Rohit, 2026-07-12 (same day, second instruction): --tcr-navy
   #001F3F IS the canonical dark ground of the web build. The brand rules are
   amended (00_Reference/tcr-brand-v7.12.1/website-design.md, 2026-07-12
   amendments). --tcr-dark #313841 remains for documents and decks and stays
   declared above, untouched, for any component that still references it.
   ========================================================================= */

:root {
  --tcr-navy: #001F3F;           /* v4 dominant dark ground, headings on light */
  --tcr-navy-deep: #00172F;      /* utility bar, approvals moat */
  --tcr-navy-footer: #00152C;    /* footer ground */
  --tcr-navy-card: #1A1A2E;      /* cards and panels on navy */
  --tcr-navy-select: #0D2949;    /* form controls on navy */
  --tcr-orange-hover: #E67E00;   /* button hover, 10% darker than TCR Orange */
  --tcr-muted-light: #9E9E9E;    /* muted text on dark grounds */
  --tcr-white-90: rgba(255, 255, 255, 0.90);
  --tcr-white-65: rgba(255, 255, 255, 0.65);
}