/* ======================================================================
 FILE     : apps/shell/static/shell/css/tokens.css
 MODULE   : M06 shell
 ITEM     : 5.5
 PURPOSE  : Design tokens: the colours, type and spacing every screen is built from
 VERSION  : 0.2.0
 UPDATED  : 2026-10-24
 REPLACE  : full file only, never patch
 ====================================================================== */

/* OWNS      : the colours, shape and type that every screen is built from (design tokens)
 USED BY   : shell.css and every later stylesheet (they read these variables)
 HOW TO CHANGE: a colour of the whole product -> change its variable here, once; never write a colour in another file
 HOW TO CHANGE: a new colour or size -> add a variable here, then use var(--name) elsewhere
 CHANGE LOG: 0.2.0 2026-10-24 notes added, no change to any value. 0.1.0 2026-10-24 first version. */

:root {
/* SECTION 1 of 3 :: Colours. WHAT: the palette (ink = dark, gold = accent, ivory = page, line, state colours). CUSTOMISE: any value. ALSO CHANGE: nothing; every file reads the variable. CAUTION: keep enough contrast between text and background. */
  --ink: #0b1220;
  --ink-2: #121a2c;
  --ink-3: #1b2640;
  --gold: #c8a45c;
  --gold-deep: #a8873f;
  --gold-soft: #e6d3a3;
  --ivory: #f8f5ee;
  --paper: #ffffff;
  --text: #1a2233;
  --muted: #6b7488;
  --line: #e7e2d6;
  --ok: #2f7d5b;
  --warn: #b7791f;
  --bad: #b4373d;
/* SECTION 2 of 3 :: Shape. WHAT: corner roundness and the soft shadow. CUSTOMISE: any value. ALSO CHANGE: nothing. CAUTION: low. */
  --radius: 14px;
  --radius-sm: 9px;
  --shadow: 0 1px 2px rgba(11, 18, 32, .06), 0 14px 34px rgba(11, 18, 32, .09);
/* SECTION 3 of 3 :: Type and spacing. WHAT: the font stacks (no web fonts are loaded yet: the system fonts show) and the base spacing. CUSTOMISE: add a loaded font at the FRONT of a stack once its licence and self-hosting are settled. ALSO CHANGE: shell.css reads --font and --font-display. CAUTION: low. */
  --font: "Inter", "Noto Sans Bengali", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-display: "Cormorant Garamond", "Noto Serif Bengali", Georgia, serif;
  --space: 8px;
}