@import "@maizzle/tailwindcss";

@theme {
  /* ── Design tokens — exact mirror of frontend app.css :root ── */
  --color-background:         oklch(0.98 0.01 320);
  --color-foreground:         oklch(0.08 0.02 280);
  --color-card:               oklch(0.99 0.005 320);
  --color-card-foreground:    oklch(0.08 0.02 280);
  --color-muted:              oklch(0.95 0.01 280);
  --color-muted-foreground:   oklch(0.4 0.02 280);
  --color-border:             oklch(0.85 0.02 280);
  --color-primary:            oklch(56.971% 0.27455 319.257);
  --color-primary-foreground: oklch(0.98 0.01 320);

  /* ── Font ── */
  --font-sans: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
               Helvetica, Arial, sans-serif;
}