/* ─────────────────────────────────────────────────────────────────────────────
   Commercial Operating Review — Visual Operating System tokens (addendum G11).

   Derived strictly from Spec §14 and the 005A Design Brief §"Non-negotiables"
   because DESIGN.md v2 was not supplied. Every value is a single custom property,
   so supplying the real DESIGN.md before the visual checkpoint swaps values here
   with no downstream churn. British Tan is the SOLE aesthetic accent; Bloodstone
   and Jade are semantic-only (divergence/alignment meaning, §5/§7). Ellipses never
   em-dashes. Letterpress elevation (no glow). Pressed-metal radius. 4px rhythm.
   ───────────────────────────────────────────────────────────────────────────── */

/* Self-hosted faces — no third-party CDN call from a confidential review room. */
@font-face { font-family: 'Cormorant Garamond'; font-weight: 500; font-style: normal;
  font-display: swap; src: url('/fonts/cormorant-garamond-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant Garamond'; font-weight: 600; font-style: normal;
  font-display: swap; src: url('/fonts/cormorant-garamond-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Literata'; font-weight: 400; font-style: normal;
  font-display: swap; src: url('/fonts/literata-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Literata'; font-weight: 400; font-style: italic;
  font-display: swap; src: url('/fonts/literata-latin-400-italic.woff2') format('woff2'); }
@font-face { font-family: 'Literata'; font-weight: 600; font-style: normal;
  font-display: swap; src: url('/fonts/literata-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Sans'; font-weight: 400; font-style: normal;
  font-display: swap; src: url('/fonts/ibm-plex-sans-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Sans'; font-weight: 500; font-style: normal;
  font-display: swap; src: url('/fonts/ibm-plex-sans-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Sans'; font-weight: 600; font-style: normal;
  font-display: swap; src: url('/fonts/ibm-plex-sans-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-weight: 400; font-style: normal;
  font-display: swap; src: url('/fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-weight: 500; font-style: normal;
  font-display: swap; src: url('/fonts/ibm-plex-mono-latin-500-normal.woff2') format('woff2'); }

:root {
  color-scheme: light;

  /* ── Surfaces (Pearl / Sandstone) ─────────────────────────────────────── */
  --pearl:            #F6F3EC;   /* primary warm-paper ground */
  --pearl-raised:     #FBF9F4;   /* letterpress-raised card face */
  --sandstone:        #ECE6DA;   /* recessed / secondary panel */
  --sandstone-deep:   #E2DBCB;   /* deeper recess, track grooves */

  /* ── Ink (Chalk Charcoal) + hairlines carry structure ─────────────────── */
  --chalk-charcoal:   #2A2724;
  --ink-2:            #453F39;   /* secondary ink */
  --muted:            #6E675C;   /* meta / captions */
  --hairline:         rgba(42, 39, 36, 0.16);
  --hairline-strong:  rgba(42, 39, 36, 0.32);

  /* ── British Tan — the SOLE aesthetic accent ──────────────────────────── */
  --british-tan:        #8A6D3B;
  --british-tan-bright: #A07E45;   /* hover / active only */
  --british-tan-wash:   rgba(138, 109, 59, 0.10);

  /* ── Semantic ONLY — never decorative (§5, §7) ────────────────────────── */
  --bloodstone:      #7A1F1F;      /* critical divergence */
  --bloodstone-wash: rgba(122, 31, 31, 0.08);
  --jade:            #2F5D3A;      /* strong alignment */
  --jade-wash:       rgba(47, 93, 58, 0.08);

  /* ── Inverted field (access gate, §10/§15) ────────────────────────────── */
  --gate-ground:  #211E1B;
  --gate-ground-2:#2A2622;
  --gate-ink:     #EFEAE0;
  --gate-hairline:rgba(239, 234, 224, 0.18);

  /* ── Type roles (five-role system, §14) ───────────────────────────────── */
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif; /* LARGE sizes only */
  --font-body:    'Literata', Georgia, serif;
  --font-ui:      'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  --font-data:    'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace;

  /* Type scale (modular, restrained) */
  --t-display-xl: clamp(2.6rem, 5.2vw, 3.9rem);
  --t-display-l:  clamp(2.0rem, 3.6vw, 2.75rem);
  --t-display-m:  clamp(1.5rem, 2.4vw, 1.9rem);
  --t-h:          1.15rem;
  --t-body:       1.0rem;
  --t-small:      0.875rem;
  --t-micro:      0.75rem;
  --leading-body: 1.6;

  /* ── 4px spacing rhythm ───────────────────────────────────────────────── */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;
  --space-12: 48px; --space-16: 64px; --space-20: 80px;

  /* ── Pressed-metal radius ─────────────────────────────────────────────── */
  --radius:    3px;
  --radius-lg: 5px;

  /* ── Letterpress elevation — inset light top + hairline base, NO glow ─── */
  --press-raised:
    inset 0 1px 0 rgba(255, 255, 255, 0.65),
    inset 0 -1px 0 rgba(42, 39, 36, 0.06),
    0 1px 0 rgba(42, 39, 36, 0.05);
  --press-inset:
    inset 0 1px 2px rgba(42, 39, 36, 0.14),
    inset 0 -1px 0 rgba(255, 255, 255, 0.5);
  --press-lift:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 1px 1px rgba(42, 39, 36, 0.06),
    0 4px 10px rgba(42, 39, 36, 0.05);

  --measure: 66ch;   /* readable line length for body prose */
  --page-max: 1080px;
}