/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --color-black: #000000;
  --color-white: #ffffff;
  --color-dark-gray: #1a1a1a; /** Modal surface on dark theme (--dark-gray) */
  --color-forest-100: #e8f0e9;
  --color-forest-900: #0d1f0f;
  --color-accent-coral: #ff6b6b;
  --color-accent-turquoise: #4ecdc4;
  --color-accent-yellow: #ffe66d;
  --color-accent-mint: #a8e6cf;
  --dimension-space-100: 0.25rem;
  --dimension-space-200: 0.5rem;
  --dimension-space-300: 0.75rem;
  --dimension-space-400: 1rem;
  --dimension-space-500: 1.25rem;
  --dimension-space-600: 1.5rem;
  --dimension-space-800: 2rem;
  --dimension-space-1000: 2.5rem;
  --dimension-space-1200: 3rem;
  --dimension-space-1600: 4rem;
  --dimension-space-2000: 5rem;
  --dimension-space-2400: 6rem;
  --dimension-space-3200: 8rem;
  --dimension-space-4000: 10rem;
  --dimension-radius-base: 6px; /** The 6px radius used on nearly every rounded element */
  --dimension-radius-pill: 9999px;
  --font-family-serif: Bitter, Georgia, serif; /** Site-wide face. Loaded via Google Fonts. */
  --font-weight-light: 300; /** Used heavily in styles.css. NOTE: Bitter 300 is not in the current Google Fonts request (400;500;600;700), so browsers substitute 400. Add 300 to the fonts URL or retire this token. */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-size-100: 0.75rem;
  --font-size-200: 0.875rem;
  --font-size-300: 1rem;
  --font-size-400: 1.125rem;
  --font-size-500: 1.25rem;
  --font-size-600: 1.5rem;
  --font-size-700: 1.875rem;
  --font-size-800: 2.25rem;
  --font-size-900: 3rem;
  --font-size-1000: 3.75rem;
  --font-line-height-tight: 1.2;
  --font-line-height-heading: 1.25;
  --font-line-height-base: 1.625;
  --duration-fast: 150ms;
  --duration-base: 200ms;
  --duration-slow: 700ms;
  --duration-reveal: 900ms;
  --easing-standard: cubic-bezier(0.25, 0.1, 0.25, 1); /** CSS 'ease' keyword equivalent, the site's only easing */
  --elevation-card: 0px 2px 8px 0px rgb(0% 0% 0% / 0.15);
  --elevation-modal: 0px 25px 50px -12px rgb(0% 0% 0% / 0.25);
  --surface-panel: rgba(255, 255, 255, 0.03);
  --surface-backdrop: rgba(0, 0, 0, 0.96);
  --surface-scrim: rgba(0, 0, 0, 0.3); /** --header-scrim */
  --surface-backdrop-light: rgba(0, 0, 0, 0.95);
  --text-secondary: rgba(255, 255, 255, 0.65); /** --tree-sub / --tree-note */
  --border-10: rgba(255, 255, 255, 0.06);
  --border-15: rgba(255, 255, 255, 0.08);
  --border-20: rgba(255, 255, 255, 0.13);
  --border-25: rgba(255, 255, 255, 0.14);
  --border-30: rgba(255, 255, 255, 0.19);
  --border-40: rgba(255, 255, 255, 0.25);
  --border-interactive: rgba(255, 255, 255, 0.5);
  --border-grid-line: rgba(255, 255, 255, 0.1);
  --status-error: #ef4444;
  --typography-display: var(--font-weight-regular) var(--font-size-1000)/var(--font-line-height-tight) var(--font-family-serif); /** Hero headline (3.75rem) */
  --typography-heading1: var(--font-weight-regular) var(--font-size-900)/var(--font-line-height-tight) var(--font-family-serif);
  --typography-heading2: var(--font-weight-regular) var(--font-size-800)/var(--font-line-height-heading) var(--font-family-serif);
  --typography-heading3: var(--font-weight-regular) var(--font-size-700)/var(--font-line-height-heading) var(--font-family-serif);
  --typography-lead: var(--font-weight-light) var(--font-size-500)/var(--font-line-height-base) var(--font-family-serif); /** Intro/subtitle paragraphs (1.25rem) */
  --typography-body: var(--font-weight-regular) var(--font-size-400)/var(--font-line-height-base) var(--font-family-serif);
  --typography-small: var(--font-weight-regular) var(--font-size-200)/var(--font-line-height-base) var(--font-family-serif);
  --typography-eyebrow: var(--font-weight-regular) var(--font-size-100)/var(--font-line-height-base) var(--font-family-serif); /** Uppercase section labels, 0.2em tracking at 0.75rem */
  --motion-standard: var(--duration-fast) var(--easing-standard) 0ms; /** The dominant 0.15s interaction transition */
  --motion-reveal: var(--duration-reveal) var(--easing-standard) 0ms; /** Scroll-reveal opacity fade */
  --surface-page: var(--color-black);
  --surface-modal: var(--color-dark-gray);
  --surface-aside: var(--color-forest-900);
  --text-primary: var(--color-white);
}