/* Generated from data/published/design_tokens.json. Do not edit by hand. */
:root {
  --token-border-width-accent: 3px;
  --token-border-width-hairline: 1px;
  --token-border-width-quote: 4px;
  --token-breakpoint-classicstack: 900px;
  --token-breakpoint-lg: 1024px;
  --token-breakpoint-md: 768px;
  --token-color-border-default: #C7CCD2;
  --token-color-border-input: #DCDCDC;
  --token-color-border-muted: #E5E7EB;
  --token-color-border-subtle: #D1D5DB;
  --token-color-brand-accent: #028389;
  --token-color-brand-accentdark: #2B6974;
  --token-color-brand-accentsoft: #7EAFA9;
  --token-color-brand-chartred: #D86805;
  --token-color-brand-chartreddark: #D86805;
  --token-color-brand-primary: #E0C36B;
  --token-color-brand-primarysoft: #FEE08A;
  --token-color-link-default: #028389;
  --token-color-link-hover: #10282C;
  --token-color-link-legacy: #D86805;
  --token-color-surface-backgrounddark: #A1ADAD;
  --token-color-surface-backgroundlight: #E3F5E7;
  --token-color-surface-muted: #F3F4F6;
  --token-color-surface-page: #FFFFFF;
  --token-color-surface-paper: #DEE2E1;
  --token-color-text-body: #10282C;
  --token-color-text-headingdark: #111827;
  --token-color-text-inverse: #F3F4F6;
  --token-color-text-muted: #374151;
  --token-color-text-primary: #10282C;
  --token-component-article-bodysize: 1.2rem;
  --token-component-article-maxwidth: 760px;
  --token-component-article-prosesize: 1.3rem;
  --token-component-button-fontfamily: "Barlow Condensed", sans-serif;
  --token-component-button-fontsize: 1.5rem;
  --token-component-button-paddingblock: 1rem;
  --token-component-button-paddinginline: 1.5rem;
  --token-component-button-radius: 0.125rem;
  --token-component-card-background: #FFFFFF;
  --token-component-card-bordercolor: #C7CCD2;
  --token-component-card-padding: 1rem;
  --token-component-card-radius: 0.125rem;
  --token-component-header-background: #E3F5E7;
  --token-component-header-bordercolor: #C7CCD2;
  --token-component-header-maxwidth: 1120px;
  --token-font-family-display: "EB Garamond", serif;
  --token-font-family-icon: "Material Symbols Outlined";
  --token-font-family-sans: "Barlow Condensed", sans-serif;
  --token-font-family-sansfallback: "Barlow Condensed", "Arial", sans-serif;
  --token-font-family-serifbody: "Lora", "Georgia", serif;
  --token-font-letterspacing-caps: 0.08em;
  --token-font-letterspacing-herobadge: 0.15em;
  --token-font-letterspacing-none: 0;
  --token-font-letterspacing-tightbrand: 0.01em;
  --token-font-letterspacing-widecaps: 0.12em;
  --token-font-lineheight-copy: 1.35;
  --token-font-lineheight-heading: 1.08;
  --token-font-lineheight-prose: 1.75;
  --token-font-lineheight-tight: 1;
  --token-font-size-2xl: 2rem;
  --token-font-size-3xl: 2.2rem;
  --token-font-size-base: 1rem;
  --token-font-size-classichero: clamp(2rem, 4vw, 3.35rem);
  --token-font-size-hero: clamp(2.4rem, 5vw, 4.8rem);
  --token-font-size-lg: 1.2rem;
  --token-font-size-md: 1.05rem;
  --token-font-size-sm: 0.92rem;
  --token-font-size-xl: 1.5rem;
  --token-font-size-xs: 0.8rem;
  --token-font-weight-bold: 700;
  --token-font-weight-medium: 500;
  --token-font-weight-regular: 400;
  --token-font-weight-semibold: 600;
  --token-motion-duration-base: 0.3s;
  --token-motion-duration-fast: 0.2s;
  --token-motion-duration-panel: 0.38s;
  --token-motion-easing-standard: 0.4, 0, 0.2, 1;
  --token-radius-hero: 300px 3.75rem 3.75rem 3.75rem;
  --token-radius-none: 0;
  --token-radius-pill: 9999px;
  --token-radius-sm: 0.125rem;
  --token-size-content-default: 1120px;
  --token-size-content-narrow: 760px;
  --token-size-content-wide: 1280px;
  --token-size-icon-lg: 2.2rem;
  --token-size-icon-md: 20px;
  --token-size-icon-sm: 1rem;
  --token-space-0: 0;
  --token-space-1: 0.25rem;
  --token-space-10: 2.5rem;
  --token-space-12: 3rem;
  --token-space-16: 4rem;
  --token-space-2: 0.5rem;
  --token-space-20: 5rem;
  --token-space-3: 0.75rem;
  --token-space-4: 1rem;
  --token-space-5: 1.25rem;
  --token-space-6: 1.5rem;
  --token-space-8: 2rem;

  /* Backward-compatible semantic aliases used by existing templates. */
  --border-accent: var(--token-border-width-accent);
  --border-hairline: var(--token-border-width-hairline);
  --border-quote: var(--token-border-width-quote);
  --color-accent: var(--token-color-brand-accent);
  --color-accent-dark: var(--token-color-brand-accentdark);
  --color-accent-soft: var(--token-color-brand-accentsoft);
  --color-bg-dark: var(--token-color-surface-backgrounddark);
  --color-bg-light: var(--token-color-surface-backgroundlight);
  --color-border: var(--token-color-border-default);
  --color-border-input: var(--token-color-border-input);
  --color-border-muted: var(--token-color-border-muted);
  --color-border-subtle: var(--token-color-border-subtle);
  --color-chart-red: var(--token-color-brand-chartred);
  --color-chart-red-dark: var(--token-color-brand-chartreddark);
  --color-heading-dark: var(--token-color-text-headingdark);
  --color-muted: var(--token-color-surface-muted);
  --color-page: var(--token-color-surface-page);
  --color-paper: var(--token-color-surface-paper);
  --color-primary: var(--token-color-brand-primary);
  --color-primary-soft: var(--token-color-brand-primarysoft);
  --color-text: var(--token-color-text-primary);
  --color-text-body: var(--token-color-text-body);
  --color-text-inverse: var(--token-color-text-inverse);
  --color-text-muted: var(--token-color-text-muted);
  --duration-base: var(--token-motion-duration-base);
  --duration-fast: var(--token-motion-duration-fast);
  --duration-panel: var(--token-motion-duration-panel);
  --font-body: var(--token-font-family-serifbody);
  --font-display: var(--token-font-family-display);
  --font-icon: var(--token-font-family-icon);
  --font-sans: var(--token-font-family-sans);
  --font-sans-fallback: var(--token-font-family-sansfallback);
  --max-default: var(--token-size-content-default);
  --max-narrow: var(--token-size-content-narrow);
  --max-wide: var(--token-size-content-wide);
  --radius-hero: var(--token-radius-hero);
  --radius-pill: var(--token-radius-pill);
  --radius-sm: var(--token-radius-sm);
  --size-2xl: var(--token-font-size-2xl);
  --size-3xl: var(--token-font-size-3xl);
  --size-base: var(--token-font-size-base);
  --size-classic-hero: var(--token-font-size-classichero);
  --size-hero: var(--token-font-size-hero);
  --size-lg: var(--token-font-size-lg);
  --size-md: var(--token-font-size-md);
  --size-sm: var(--token-font-size-sm);
  --size-xl: var(--token-font-size-xl);
  --size-xs: var(--token-font-size-xs);
  --space-0: var(--token-space-0);
  --space-1: var(--token-space-1);
  --space-10: var(--token-space-10);
  --space-12: var(--token-space-12);
  --space-16: var(--token-space-16);
  --space-2: var(--token-space-2);
  --space-20: var(--token-space-20);
  --space-3: var(--token-space-3);
  --space-4: var(--token-space-4);
  --space-5: var(--token-space-5);
  --space-6: var(--token-space-6);
  --space-8: var(--token-space-8);
}