/* Derived from tokens.css. Keep tokens.css as the source of truth. */
@import "tailwindcss";
@import "./tokens.css";

@theme {
  --color-bg: var(--bg);
  --color-surface: var(--surface);
  --color-surface-warm: var(--surface-warm);
  --color-fg: var(--fg);
  --color-fg-2: var(--fg-2);
  --color-muted: var(--muted);
  --color-meta: var(--meta);
  --color-border: var(--border);
  --color-border-soft: var(--border-soft);
  --color-accent: var(--accent);
  --color-accent-on: var(--accent-on);
  --color-accent-hover: var(--accent-hover);
  --color-accent-active: var(--accent-active);
  --color-success: var(--success);
  --color-warn: var(--warn);
  --color-danger: var(--danger);
  --font-display: var(--font-display);
  --font-body: var(--font-body);
  --font-sans: var(--font-body);
  --font-mono: var(--font-mono);
  --text-xs: var(--text-xs);
  --text-sm: var(--text-sm);
  --text-base: var(--text-base);
  --text-lg: var(--text-lg);
  --text-xl: var(--text-xl);
  --text-2xl: var(--text-2xl);
  --text-3xl: var(--text-3xl);
  --text-4xl: var(--text-4xl);
  --leading-body: var(--leading-body);
  --leading-tight: var(--leading-tight);
  --tracking-display: var(--tracking-display);
  --spacing-1: var(--space-1);
  --spacing-2: var(--space-2);
  --spacing-3: var(--space-3);
  --spacing-4: var(--space-4);
  --spacing-5: var(--space-5);
  --spacing-6: var(--space-6);
  --spacing-8: var(--space-8);
  --spacing-12: var(--space-12);
  --spacing-section-desktop: var(--section-y-desktop);
  --spacing-section-tablet: var(--section-y-tablet);
  --spacing-section-phone: var(--section-y-phone);
  --radius-sm: var(--radius-sm);
  --radius-md: var(--radius-md);
  --radius-lg: var(--radius-lg);
  --radius-pill: var(--radius-pill);
  --shadow-flat: var(--elev-flat);
  --shadow-ring: var(--elev-ring);
  --shadow-raised: var(--elev-raised);
  --shadow-focus-ring: var(--focus-ring);
  --duration-fast: var(--motion-fast);
  --duration-base: var(--motion-base);
  --ease-standard: var(--ease-standard);
  --container-max: var(--container-max);
  --spacing-container-desktop: var(--container-gutter-desktop);
  --spacing-container-tablet: var(--container-gutter-tablet);
  --spacing-container-phone: var(--container-gutter-phone);
}
