/* Human Greetings tokens. Light = White stock, dark = Midnight stock. */
:root {
  --surface-paper: #f5f4f1;
  --surface-raised: #ffffff;
  --surface-sunk: #ebe9e3;
  --surface-insert: #fbf8f0;
  --ink: #16161a;
  --ink-muted: #5b5966;
  --ink-on-light: #16161a;
  --ink-inverse: #f5f4f1;
  --line: #e0ded8;
  --line-strong: #7f7c88;
  --foil-gold: #d6aa5c;
  --foil-gold-ink: #8a6116;
  --foil-silver: #c8cbd2;
  --foil-rose: #e2a28e;
  --foil-copper: #c87a50;
  --foil-pink: #e480a8;
  --foil-holo: #ced2dc;
  --paper-white: #f5f4f1;
  --paper-cream: #f1e9d9;
  --paper-blush: #eccac6;
  --paper-sage: #c8d4c0;
  --paper-sky: #c8d6e6;
  --paper-midnight: #2a2e40;
  --focus: #2f6fdf;
  --danger: #b42318;
  --success: #2a6a4b;
  --shadow-card-rest: 0 1px 2px rgba(22,22,26,0.08), 0 10px 24px -6px rgba(22,22,26,0.16);
  --shadow-card-lift: 0 2px 4px rgba(22,22,26,0.08), 0 28px 48px -16px rgba(22,22,26,0.28);
  --shadow-insert: 0 6px 16px rgba(48,36,28,0.30);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --radius-stock: 2px;
  --radius-field: 10px;
  --radius-panel: 16px;
  --radius-pill: 999px;
  --ease-paper: cubic-bezier(0.2, 0.8, 0.2, 1);
  --duration-quick: 160ms;
  --duration-lift: 320ms;
  --duration-sheen: 1200ms;
  --width-page: 1200px;
  --width-text: 38rem;
  --width-lede: 34rem;
  --height-header: 64px;
  --font-display: var(--font-bricolage), "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-sans: var(--font-figtree), -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono: var(--font-plex-mono), ui-monospace, "SF Mono", Menlo, monospace;
  --font-hand: var(--font-caveat), "Segoe Print", "Bradley Hand", cursive;
  color-scheme: light;
}
/* Light only: the site always uses White stock. */

:root[data-theme="dark"] {
  --surface-paper: #2a2e40;
  --surface-raised: #343950;
  --surface-sunk: #222534;
  --surface-insert: #fbf8f0;
  --ink: #f5f4f1;
  --ink-muted: #b8bccc;
  --ink-on-light: #16161a;
  --ink-inverse: #16161a;
  --line: #41465c;
  --line-strong: #8a90a8;
  --foil-gold-ink: #e6c27a;
  --focus: #8fb4ff;
  --danger: #ff9a8a;
  --success: #86d8ac;
  --shadow-card-rest: 0 1px 2px rgba(0,0,0,0.30), 0 12px 28px -6px rgba(0,0,0,0.45);
  --shadow-card-lift: 0 2px 4px rgba(0,0,0,0.35), 0 30px 52px -16px rgba(0,0,0,0.60);
  color-scheme: dark;
}