/* ============================================================
   Lume design tokens — mockstudio.
   Warm paper + warm near-black ink + a single gold accent.
   Mirrors the canonical colors_and_type.css from the Lume
   design system (reference/design/lume/project).
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500;1,6..72,600&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* Paper — warm off-white, never cool */
  --paper:         #F8F4ED;   /* page background          */
  --paper-card:    #FAF6EE;   /* card / elevated surface  */
  --paper-sunken:  #EFE9DD;   /* sunken / inset           */

  /* Ink — warm near-black, never pure black */
  --ink:           #1C1A17;
  --ink-secondary: #3D362C;
  --ink-tertiary:  #756B5C;

  /* Accent — Lume gold, the only chromatic accent */
  --gold:          #B8731A;
  --gold-hover:    #8C5A14;
  --gold-tint:     #F4E8D2;

  /* Glow — the lit color, at most once per page */
  --glow:          #F2C44A;

  /* Hairline — 0.5px dividers, never heavier */
  --hairline:      #E0D7C5;

  /* Warm sage — semantic positive (bracket winners) */
  --win:           #4F7D52;

  /* Semantic aliases kept for existing selectors */
  --accent:        var(--gold);
  --border:        var(--hairline);

  /* Type — Newsreader (display) + Inter (body) + JetBrains Mono */
  --font-display:  'Newsreader', Georgia, 'Times New Roman', serif;
  --font-body:     'Inter', -apple-system, system-ui, sans-serif;
  --font-mono:     'JetBrains Mono', 'SF Mono', Menlo, monospace;

  /* Spacing */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.25rem;

  /* Lume: 0px corners everywhere, hairlines not shadows */
  --radius: 0;
  --hairline-w: 0.5px;
}