/* theme.css — Design tokens (CSS custom properties) */
:root {
  /* Color palette */
  --color-cream:     #faf8f4;
  --color-cream-alt: #f2ede6;
  --color-ink:       #1a1410;
  --color-ink-soft:  #3d3530;
  --color-muted:     #7a6e66;
  --color-rule:      #ddd6ce;
  --color-red:       #c0392b;
  --color-red-dark:  #96281f;
  --color-white:     #ffffff;
  --color-card-bg:   #ffffff;

  /* Spacing scale */
  --space-xs:   0.25rem;
  --space-sm:   0.5rem;
  --space-md:   1rem;
  --space-lg:   1.5rem;
  --space-xl:   2rem;
  --space-2xl:  3rem;
  --space-3xl:  4.5rem;

  /* Border radius */
  --radius-sm: 2px;
  --radius-md: 4px;

  /* Shadows */
  --shadow-card:  0 1px 3px rgba(26,20,16,0.08), 0 1px 2px rgba(26,20,16,0.04);
  --shadow-hover: 0 6px 16px rgba(26,20,16,0.12), 0 2px 6px rgba(26,20,16,0.06);

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-mid:  0.25s ease;

  /* Layout */
  --container-max: 1200px;
  --sidebar-width: 300px;
  --header-height: 64px;

  /* New color tokens */
  --clr-ink:        #111111;
  --clr-ink-soft:   #2e2e2e;
  --clr-ink-muted:  #888888;
  --clr-paper:      #ffffff;
  --clr-paper-warm: #f5f5f5;
  --clr-paper-dark: #f5f5f5;
  --clr-accent:     #b91c1c;
  --clr-accent-dk:  #991b1b;
  --clr-rule:       rgba(0,0,0,0.10);
}