/* Brand tokens — Alex Blanks design system (direction 6c). Source: brand/tokens/*.css */
:root {
  /* Core palette (direction 6c) */
  --forest: #2F6B3A;
  --pine: #17301E;
  --sky: #5FB4E6;
  --mint: #DCEFE2;
  --paper: #F4FAF6;
  --white: #FFFFFF;
  /* Derived */
  --forest-hover: #24503A;
  --pine-alt: #24503A;
  --green-700: #2E4A38;
  --green-600: #4F6656;
  --green-500: #6B8072;
  --green-400: #7C8F83;
  --green-300: #9DB3A6;
  --green-200: #C5DACB;
  --green-150: #CFE8D6;
  --green-100: #D9E6DD;
  --green-50: #E6EFE9;
  /* Semantic */
  --surface-ground: var(--paper);
  --surface-card: var(--white);
  --surface-panel: var(--mint);
  --surface-dark: var(--pine);
  --surface-dark-alt: var(--pine-alt);
  --surface-accent: var(--forest);
  --text-heading: var(--pine);
  --text-body-color: var(--green-700);
  --text-secondary: var(--green-600);
  --text-muted: var(--green-400);
  --text-on-dark: var(--paper);
  --text-on-dark-soft: var(--green-200);
  --text-on-accent-soft: var(--green-150);
  --text-link: var(--forest);
  --border-rule: var(--green-100);
  --border-strong: var(--pine);
  --highlight: var(--sky);
  --focus-ring: var(--sky);
}

:root {
  --font-display: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
  --font-text: "Karla", Arial, sans-serif;
  --font-mono: ui-monospace, Menlo, monospace;
  --text-h1: 800 48px/1 var(--font-display);
  --text-h2: 700 28px/1.15 var(--font-display);
  --text-h3: 700 20px/1.2 var(--font-display);
  --text-lead: 500 18px/1.4 var(--font-display);
  --text-body: 400 14px/1.6 var(--font-text);
  --text-body-lg: 400 16px/1.55 var(--font-text);
  --text-small: 400 12px/1.5 var(--font-text);
  --text-label: 600 11px/1 var(--font-text);
  --text-button: 600 15px/1 var(--font-text);
  --tracking-display: -0.04em;
  --tracking-display-sm: -0.03em;
  --tracking-lead: -0.01em;
  --tracking-label: 0.12em;
  /* Deck (1920x1080) */
  --slide-title: 800 108px/0.98 var(--font-display);
  --slide-h2: 800 68px/1.02 var(--font-display);
  --slide-body: 400 26px/1.45 var(--font-text);
}

:root {
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;
  --space-12: 48px; --space-14: 56px; --space-16: 64px; --space-24: 96px;
  --radius-sm: 6px;  --radius-md: 10px; --radius-lg: 20px; --radius-xl: 32px; --radius-pill: 999px;
  --shadow-card: 0 1px 3px rgba(23,48,30,.08);
  --shadow-float: 0 10px 24px rgba(23,48,30,.18);
  --page-max: 1280px;
  --page-pad: 56px;
  --doc-margin: 0.85in;
}