/* tokens.css — GENERATED by scripts/export-tokens.js from clients/opus/DESIGN.md
 * Source of truth: DESIGN.md (design.md format). Do NOT edit by hand — re-run:
 *   node scripts/export-tokens.js opus
 * Produced via: design.md export --vf231f26ccb3e-format css-tailwind, with @theme re-homed to
 * :root so the exact tokens work in a plain browser with no Tailwind build. */
:root {
  --vf231f26ccb3e-color-primary: #d4f770;
  --vf231f26ccb3e-color-primary-ink: #0e1e20;
  --vf231f26ccb3e-color-primary-hover: #c7e85a;
  --vf231f26ccb3e-color-secondary: #1b363b;
  --vf231f26ccb3e-color-neutral: #6b7474;
  --vf231f26ccb3e-color-surface-dark: #0e1e20;
  --vf231f26ccb3e-color-surface-darker: #0b191a;
  --vf231f26ccb3e-color-surface: #f8f5ee;
  --vf231f26ccb3e-color-surface-mist: #f2eee6;
  --vf231f26ccb3e-color-on-dark: #ffffff;
  --vf231f26ccb3e-color-on-dark-muted: #9aa1a1;
  --vf231f26ccb3e-color-on-light: #0e1e20;
  --vf231f26ccb3e-color-on-light-muted: #6b7474;
  --vf231f26ccb3e-font-eyebrow: Geist, system-ui, sans-serif;
  --vf231f26ccb3e-font-display-xl: Playfair Display, Georgia, Times New Roman, serif;
  --vf231f26ccb3e-font-display-lg: Playfair Display, Georgia, Times New Roman, serif;
  --vf231f26ccb3e-font-headline-md: Playfair Display, Georgia, Times New Roman, serif;
  --vf231f26ccb3e-font-body-lg: Geist, system-ui, sans-serif;
  --vf231f26ccb3e-font-body-md: Geist, system-ui, sans-serif;
  --vf231f26ccb3e-font-label-md: Geist, system-ui, sans-serif;
  --vf231f26ccb3e-font-label-caps: Geist, system-ui, sans-serif;
  --vf231f26ccb3e-text-eyebrow: 13px;
  --vf231f26ccb3e-text-display-xl: 64px;
  --vf231f26ccb3e-text-display-lg: 46px;
  --vf231f26ccb3e-text-headline-md: 28px;
  --vf231f26ccb3e-text-body-lg: 22px;
  --vf231f26ccb3e-text-body-md: 20px;
  --vf231f26ccb3e-text-label-md: 14px;
  --vf231f26ccb3e-text-label-caps: 12px;
  --vf231f26ccb3e-tracking-eyebrow: 0.1em;
  --vf231f26ccb3e-tracking-display-xl: -0.02em;
  --vf231f26ccb3e-tracking-display-lg: -0.02em;
  --vf231f26ccb3e-tracking-headline-md: -0.01em;
  --vf231f26ccb3e-tracking-label-caps: 0.1em;
  --vf231f26ccb3e-font-weight-eyebrow: 600;
  --vf231f26ccb3e-font-weight-display-xl: 600;
  --vf231f26ccb3e-font-weight-display-lg: 600;
  --vf231f26ccb3e-font-weight-headline-md: 600;
  --vf231f26ccb3e-font-weight-body-lg: 400;
  --vf231f26ccb3e-font-weight-body-md: 400;
  --vf231f26ccb3e-font-weight-label-md: 500;
  --vf231f26ccb3e-font-weight-label-caps: 600;
  --vf231f26ccb3e-radius-sm: 4px;
  --vf231f26ccb3e-radius-md: 8px;
  --vf231f26ccb3e-radius-sm2: 12px;
  --vf231f26ccb3e-radius-lg: 16px;
  --vf231f26ccb3e-radius-xl: 24px;
  --vf231f26ccb3e-radius-full: 9999px;
  --vf231f26ccb3e-spacing-base: 16px;
  --vf231f26ccb3e-spacing-xs: 4px;
  --vf231f26ccb3e-spacing-sm: 8px;
  --vf231f26ccb3e-spacing-sm2: 12px;
  --vf231f26ccb3e-spacing-md: 16px;
  --vf231f26ccb3e-spacing-lg: 32px;
  --vf231f26ccb3e-spacing-xl: 64px;
  --vf231f26ccb3e-spacing-gutter: 24px;
  --vf231f26ccb3e-spacing-margin: 32px;
  --vf231f26ccb3e-spacing-section: 96px;
}