/* Imperial Millwork — Design Tokens
   Palette: paper/brass/wood — craft woodworking, not corporate
   Type: Zilla Slab (display) · Work Sans (body) · IBM Plex Mono (mono)
*/

:root {
  /* Core palette — light mode */
  --paper:        #f2ede1;
  --paper-raised: #fbf8f0;
  --ink:          #241f19;
  --ink-soft:     #5c5347;
  --ink-faint:    #7d7261;
  --brass:        #96702a;
  --brass-soft:   #ecdcb8;
  --brass-ink:    #6f4f18;
  --wood:         #7a4a2c;
  --forest:       #46543a;
  --forest-soft:  #e2e6d8;
  --line:         #ddd2ba;
  --line-soft:    #e9e1cd;

  /* Header (always dark regardless of theme) */
  --header-bg:    #100d0a;
  --header-ink:   #f2ede1;

  /* Shadows */
  --shadow-sm:    0 1px 2px rgba(36,31,25,.06), 0 10px 28px -14px rgba(36,31,25,.22);
  --shadow-md:    0 2px 4px rgba(36,31,25,.08), 0 16px 40px -16px rgba(36,31,25,.28);

  /* Spacing — 8pt grid */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
  --space-12: 96px;

  /* Border radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* Type */
  --font-display: 'Zilla Slab', Georgia, serif;
  --font-body:    'Work Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SF Mono', Consolas, monospace;

  /* Type scale */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;

  /* Transitions */
  --ease: cubic-bezier(.4, 0, .2, 1);
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 320ms;

  /* Max content width */
  --max-content: 1200px;
  --max-prose:   720px;
}

/* Dark mode token overrides */
:root[data-theme="dark"],
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper:        #1b1712;
    --paper-raised: #242019;
    --ink:          #ece4d2;
    --ink-soft:     #b7ac96;
    --ink-faint:    #948a79;
    --brass:        #d9a94e;
    --brass-soft:   #332711;
    --brass-ink:    #eec277;
    --wood:         #b97b4f;
    --forest:       #8ba374;
    --forest-soft:  #232a1c;
    --line:         #3a3327;
    --line-soft:    #2a251d;
    --shadow-sm:    0 1px 2px rgba(0,0,0,.35), 0 10px 28px -14px rgba(0,0,0,.6);
    --shadow-md:    0 2px 4px rgba(0,0,0,.4), 0 16px 40px -16px rgba(0,0,0,.7);
  }
}