/* Generated by scripts/build.mjs from tokens/tokens.json. Do not edit. */
@import "./tokens.css";

:root,
[data-theme] {
  --color-bg: var(--ot-bg);
  --color-bg-elevated: var(--ot-bg-elevated);
  --color-surface: var(--ot-surface);
  --color-surface-raised: var(--ot-surface-raised);
  --color-surface-hover: var(--ot-surface-hover);
  --color-border: var(--ot-border);
  --color-border-subtle: var(--ot-border-subtle);
  --color-text-primary: var(--ot-text-primary);
  --color-text-secondary: var(--ot-text-secondary);
  --color-text-tertiary: var(--ot-text-tertiary);
  --color-text-muted: var(--ot-text-muted);
  --color-brand-coral: var(--ot-brand-coral);
  --color-brand-warm: var(--ot-brand-warm);
  --color-brand-violet: var(--ot-brand-violet);
  --color-brand-light: var(--ot-brand-light);
  --color-brand-dark: var(--ot-brand-dark);
  --color-brand-bg: var(--ot-brand-bg);
  --color-accent-block: var(--ot-accent-block);
  --color-accent-block-text: var(--ot-accent-block-text);
  --color-accent-block-sub: var(--ot-accent-block-sub);
  --color-brand-action: var(--ot-brand-action);
  --color-brand: var(--ot-brand-warm);
  --divider: 1px solid var(--ot-divider);
}

:root {
  --font-display: var(--ot-font-display);
  --font-body: var(--ot-font-body);
  --text-display: var(--ot-text-display);
  --text-h1: var(--ot-text-h1);
  --text-h2: var(--ot-text-h2);
  --text-h3: var(--ot-text-h3);
  --text-h4: var(--ot-text-h4);
  --text-body: var(--ot-text-body);
  --text-body-sm: var(--ot-text-body-sm);
  --text-caption: var(--ot-text-caption);
  --space-1: var(--ot-space-1);
  --space-2: var(--ot-space-2);
  --space-3: var(--ot-space-3);
  --space-4: var(--ot-space-4);
  --space-6: var(--ot-space-6);
  --space-8: var(--ot-space-8);
  --space-10: var(--ot-space-10);
  --space-12: var(--ot-space-12);
  --space-16: var(--ot-space-16);
  --space-20: var(--ot-space-20);
  --space-24: var(--ot-space-24);
  --space-32: var(--ot-space-32);
  --radius-sm: var(--ot-radius-sm);
  --radius-md: var(--ot-radius-md);
  --radius-lg: var(--ot-radius-lg);
  --radius-pill: var(--ot-radius-pill);
  --max-width: var(--ot-max-width);
}