/* ============================================================================
   Deckwright identity tokens — single source of the visual identity.
   Consumed by ui/site/*.html (marketing) and ui/index.html (the working tool).
   Concept: "The Drafting Table After Dark" — a master builder's workshop bench
   at night. Deep warm graphite ground, parchment ink, one hot brass accent
   (the drafting-lamp glow / worked metal). Rationale: docs/DESIGN-DECKWRIGHT.md.
   Do not hardcode these colours elsewhere — reference the custom properties.
   ============================================================================ */

:root {
  /* — Surfaces: the workshop is dark, warm, and layered like stacked timber — */
  --dw-bg:             #14110D; /* page ground — deep warm graphite/walnut */
  --dw-surface:        #1E1A15; /* card / panel — the workbench top          */
  --dw-surface-raised: #2A251E; /* elevated panel — a block set on the bench */

  /* — Ink: warm parchment, never pure white (that reads cold/clinical) — */
  --dw-ink:            #F2EBDC; /* primary text on bg/surface   (15.9:1 on bg) */
  --dw-ink-muted:      #A89F8C; /* secondary text / captions    (7.2:1 on bg)  */

  /* — The one accent: hot brass. CTAs, focal marks, primary data series. — */
  --dw-accent:         #E0912F; /* brand accent — brass/drafting-lamp amber   */
  --dw-accent-ink:     #14110D; /* text ON accent — dark ink    (7.4:1 on accent) */

  /* — Structure — */
  --dw-line:           #3A342B; /* hairlines, borders, rules — warm bench grain */

  /* — States — */
  --dw-ok:             #6FB8A0; /* success — aged-brass verdigris (8.1:1 on bg)  */
  --dw-warn:           #E4693E; /* warning/error — kiln red       (5.7:1 on bg)  */

  /* — Typography — */
  --dw-font-display:   'Fraunces', 'Iowan Old Style', Georgia, serif; /* wonky optical serif, used with restraint */
  --dw-font-body:      'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; /* dense, neutral, tool-grade */
  --dw-font-mono:      'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace; /* the spec-sheet voice */

  /* — Form — */
  --dw-radius:         6px; /* soft-machined corner: crafted, not clinical, not pill */
  --dw-shadow:         0 1px 0 rgba(242,235,220,.04) inset, 0 12px 32px -12px rgba(0,0,0,.72); /* lamp-lit elevation */

  /* — Supporting scale (used by later tasks; not part of the required contract) — */
  --dw-accent-dim:     #B5731F; /* pressed / hover-darker brass                    */
  --dw-viz-1:          #E0912F; /* data-viz sequence: brass … verdigris … slate    */
  --dw-viz-2:          #6FB8A0;
  --dw-viz-3:          #C9A24B;
  --dw-viz-4:          #7C93B5;
  --dw-viz-5:          #B96A57;
  --dw-radius-sm:      3px;
  --dw-radius-lg:      14px;
}

/* ============================================================================
   Self-hosted fonts (strict CSP forbids external font CDNs — /ui/fonts/*.woff2).
   Fraunces (display) + Inter (body) are new to this identity; IBM Plex Mono is
   reused from the existing app. Space Grotesk is intentionally retired.
   ============================================================================ */

/* Display — Fraunces: a warm optical serif with real character (the workshop's
   heritage voice). Used only for headings/wordmark, never body copy. */
@font-face {
  font-family: 'Fraunces';
  src: url('/ui/fonts/fraunces-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fraunces';
  src: url('/ui/fonts/fraunces-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Body — Inter: neutral, dense, superb for a working tool UI and data tables. */
@font-face {
  font-family: 'Inter';
  src: url('/ui/fonts/inter-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/ui/fonts/inter-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/ui/fonts/inter-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Mono — IBM Plex Mono (reused): measurements, labels, the spec-sheet register. */
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('/ui/fonts/ibm-plex-mono-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}