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

:root {
  --sd-color-neutral-0: #ffffff;
  --sd-color-neutral-50: #f9f8f6; /** Warm off-white — page background */
  --sd-color-neutral-100: #f1eee9;
  --sd-color-neutral-200: #e3deda;
  --sd-color-neutral-400: #9e9690;
  --sd-color-neutral-600: #635d58;
  --sd-color-neutral-800: #2c2926;
  --sd-color-neutral-900: #1a1816; /** Warm dark — not pure black */
  --sd-color-blue-50: #edf3ff;
  --sd-color-blue-100: #d6e4ff;
  --sd-color-blue-500: #2c5fd4; /** Calm, trustworthy — the default accent */
  --sd-color-blue-600: #1e4db0;
  --sd-color-blue-900: #0f2858;
  --sd-color-surface-page: #f9f8f6; /** Page background */
  --sd-color-surface-raised: #ffffff; /** Cards, panels — one step above page */
  --sd-color-surface-subtle: #f1eee9; /** Alternating section tint */
  --sd-color-surface-inverse: #1a1816; /** Dark hero / CTA sections */
  --sd-color-text-primary: #1a1816;
  --sd-color-text-secondary: #635d58;
  --sd-color-text-tertiary: #9e9690; /** Placeholder, disabled, fine print */
  --sd-color-text-inverse: #f9f8f6; /** Text on inverse surfaces */
  --sd-color-text-on-accent: #ffffff; /** Text on accent-coloured backgrounds */
  --sd-color-accent-default: #2c5fd4;
  --sd-color-accent-hover: #1e4db0;
  --sd-color-accent-subtle: #edf3ff; /** Tinted background: tags, highlights, selected state */
  --sd-color-border-default: #e3deda;
  --sd-color-border-strong: #9e9690;
  --sd-color-border-focus: #2c5fd4;
  --sd-font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --sd-font-family-mono: 'DM Mono', 'Fira Mono', monospace;
  --sd-font-family-body: 'Plus Jakarta Sans', system-ui, sans-serif; /** All body and heading text — same family throughout */
  --sd-font-family-heading: 'Plus Jakarta Sans', system-ui, sans-serif;
  --sd-font-family-code: 'DM Mono', 'Fira Mono', monospace; /** Literal code blocks only — not for labels or decoration */
  --sd-font-size-xs: 0.75rem; /** 12px */
  --sd-font-size-sm: 0.875rem; /** 14px */
  --sd-font-size-base: 1rem; /** 16px */
  --sd-font-size-md: 1.125rem; /** 18px */
  --sd-font-size-lg: 1.25rem; /** 20px */
  --sd-font-size-xl: 1.5rem; /** 24px */
  --sd-font-size-2xl: 2rem; /** 32px */
  --sd-font-size-3xl: 2.5rem; /** 40px */
  --sd-font-size-4xl: 3.5rem; /** 56px */
  --sd-font-size-label: 0.75rem; /** Eyebrows, captions, metadata */
  --sd-font-size-caption: 0.875rem;
  --sd-font-size-body: 1rem;
  --sd-font-size-lead: 1.125rem; /** Intro paragraph / hero subtext */
  --sd-font-size-h3: 1.25rem;
  --sd-font-size-h2: 1.5rem;
  --sd-font-size-h1: 2rem;
  --sd-font-size-display: 3.5rem; /** Hero headline */
  --sd-font-weight-regular: 400;
  --sd-font-weight-medium: 500;
  --sd-font-weight-strong: 600; /** Logo and hero headlines only — not for body emphasis */
  --sd-font-weight-body: 400;
  --sd-font-weight-emphasis: 500;
  --sd-font-weight-heading: 600;
  --sd-font-leading-tight: 1.1; /** Display headings */
  --sd-font-leading-snug: 1.3; /** Subheadings */
  --sd-font-leading-base: 1.6; /** Paragraphs */
  --sd-font-leading-relaxed: 1.75; /** Long-form prose */
  --sd-font-leading-heading: 1.1;
  --sd-font-leading-body: 1.6;
  --sd-font-tracking-tight: -0.03em; /** Large display text */
  --sd-font-tracking-normal: 0;
  --sd-font-tracking-wide: 0.06em; /** Uppercase labels only */
  --sd-font-tracking-heading: -0.03em;
  --sd-font-tracking-label: 0.06em; /** Uppercase section labels only */
  --sd-font-tracking-body: 0;
  --sd-space-1: 4px;
  --sd-space-2: 8px;
  --sd-space-3: 12px;
  --sd-space-4: 16px;
  --sd-space-5: 20px;
  --sd-space-6: 24px;
  --sd-space-8: 32px;
  --sd-space-10: 40px;
  --sd-space-12: 48px;
  --sd-space-16: 64px;
  --sd-space-20: 80px;
  --sd-space-24: 96px;
  --sd-space-component-xs: 8px; /** Tag / badge internal padding */
  --sd-space-component-sm: 12px; /** Button vertical padding, tight list items */
  --sd-space-component-md: 16px; /** Button horizontal padding, input padding */
  --sd-space-component-lg: 24px; /** Card internal padding */
  --sd-space-component-xl: 32px; /** Large card / feature block padding */
  --sd-space-layout-section-y: 96px; /** Vertical padding on full-width sections */
  --sd-space-layout-section-y-sm: 48px; /** Tighter sections on mobile */
  --sd-space-layout-stack: 24px; /** Default vertical gap between content blocks */
  --sd-space-layout-gutter: 24px; /** Grid column gap */
  --sd-space-layout-max-width: 1160px;
  --sd-border-width-default: 1px;
  --sd-border-width-strong: 2px;
  --sd-border-radius-sm: 4px; /** Inputs, tags, small chips */
  --sd-border-radius-md: 8px; /** Cards, buttons */
  --sd-border-radius-lg: 12px; /** Large panels, modals */
  --sd-border-radius-xl: 16px; /** Hero sections, feature blocks */
  --sd-border-radius-pill: 999px; /** Badges, toggle pills */
  --sd-border-default: 1px solid #e3deda;
  --sd-border-card: 1px solid #e3deda;
  --sd-shadow-card: 0 1px 3px rgba(26,24,22,0.06), 0 1px 2px rgba(26,24,22,0.04); /** Subtle card hover only — not for resting state */
  --sd-shadow-float: 0 4px 12px rgba(26,24,22,0.10), 0 1px 4px rgba(26,24,22,0.06); /** Dropdowns, popovers */
  --sd-shadow-card-hover: 0 1px 3px rgba(26,24,22,0.06), 0 1px 2px rgba(26,24,22,0.04);
  --sd-shadow-dropdown: 0 4px 12px rgba(26,24,22,0.10), 0 1px 4px rgba(26,24,22,0.06);
  --sd-motion-duration-fast: 100ms; /** Micro-interactions: icon swaps, checkbox ticks */
  --sd-motion-duration-default: 200ms; /** Most transitions: hover, focus, reveal */
  --sd-motion-duration-slow: 400ms; /** Page-level: section fades, hero animation */
  --sd-motion-easing: cubic-bezier(0.4, 0, 0.2, 1);
  --sd-motion-interactive: 200ms; /** Hover, focus transitions */
  --sd-motion-reveal: 400ms; /** Section or hero animations */
  --sd-radius-button: 8px;
  --sd-radius-input: 4px;
  --sd-radius-card: 8px;
  --sd-radius-panel: 12px;
  --sd-radius-badge: 999px;
}