/* Tamalpais Strategies design tokens — single source of values. Mirrored in tokens.json. */
:root {
  /* Color */
  --color-paper:          #F4ECD8;
  --color-paper-deep:     #ECE1C4;
  --color-ink:            #1C1A16;
  --color-ink-muted:      #5A5246;
  --color-rule:           #8A7E6A;
  --color-blueprint:      #1C4A7E;
  --color-blueprint-soft: #3A6FA5;
  --color-riso-red:       #C7312A;
  --color-riso-red-hot:   #DB4939;
  --color-fg-print:       #000000;

  /* Type */
  --font-display: 'Windsor Pro', 'Gloock', Georgia, serif;
  --font-machine: 'Berkeley Mono', 'JetBrains Mono', 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --font-author: 'Source Serif 4', 'Charter', Georgia, serif;

  /* Scale — desktop */
  --size-wordmark: 24px;
  --size-wordmark-feature: 40px;
  --size-hero: 72px;
  --size-opener: 40px;
  --size-h2: 28px;
  --size-h3: 15px;
  --size-body: 17px;
  --size-body-machine: 16px;
  --size-dek: 18px;
  --size-marginalia: 13px;
  --size-footnote: 12px;
  --size-pullquote: 22px;
  --size-metadata: 11px;

  /* Spacing — 8px base unit */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;

  /* Layout */
  --max-width: 1200px;
  --body-measure: 640px;
  --marginalia-gutter: 220px;

  /* Motion */
  --transition-fast: 80ms ease-out;
  --transition-reveal: 300ms ease-out;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-reveal: 0ms;
  }
}