:root {
  /* Colors */
  --ink-900: #0E1A24;
  --ink-700: #243443;
  --ink-500: #5A6B7B;
  --ink-300: #A6B3BF;
  --paper:   #FBFAF7;
  --paper-2: #F2EFEA;
  --line:    #E4DFD6;
  --accent:      #C2410C;
  --accent-ink:  #7A2A08;
  --accent-light: #FEF0E8;
  --success: #1F6F4A;
  --warn:    #B45309;

  /* Spacing (4px base) */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-6:  24px;
  --s-8:  32px;
  --s-10: 40px;
  --s-12: 48px;
  --s-16: 64px;
  --s-20: 80px;
  --s-24: 96px;
  --s-32: 128px;

  /* Type scale */
  --fs-xs:   0.8125rem;   /* 13px */
  --fs-sm:   0.9375rem;   /* 15px */
  --fs-base: 1.0625rem;   /* 17px */
  --fs-lg:   1.25rem;     /* 20px */
  --fs-h3:   1.5rem;      /* 24px */
  --fs-h2:   2.125rem;    /* 34px */
  --fs-h1:   clamp(2.25rem, 5vw, 3.5rem);

  /* Line heights */
  --lh-tight:  1.1;
  --lh-snug:   1.3;
  --lh-base:   1.65;
  --lh-loose:  1.8;

  /* Fonts */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', 'Courier New', monospace;

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

  /* Shadow */
  --shadow-card: 0 1px 2px rgba(14,26,36,.06), 0 8px 24px -12px rgba(14,26,36,.10);
  --shadow-lift: 0 2px 4px rgba(14,26,36,.08), 0 12px 32px -8px rgba(14,26,36,.14);

  /* Transition */
  --ease: cubic-bezier(.16,1,.3,1);

  /* Container */
  --container-max: 1120px;
  --container-pad: var(--s-6);
}