@import "tailwindcss" source(none);
@source "../src";
@import "tw-animate-css";

@custom-variant dark (&:is(.dark *));

@theme inline {
  --color-bg: var(--bg);
  --color-surface: var(--surface);
  --color-surface-elevated: var(--surface-elevated);
  --color-border-soft: var(--border-soft);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-neon: var(--neon);
  --color-text: var(--text);
  --color-text-dim: var(--text-dim);
  --color-text-muted: var(--text-muted);

  --color-background: var(--bg);
  --color-foreground: var(--text);
  --color-card: var(--surface);
  --color-card-foreground: var(--text);
  --color-popover: var(--surface);
  --color-popover-foreground: var(--text);
  --color-primary: var(--accent);
  --color-primary-foreground: var(--accent-foreground);
  --color-secondary: var(--surface-elevated);
  --color-secondary-foreground: var(--text);
  --color-muted: var(--surface-elevated);
  --color-muted-foreground: var(--text-dim);
  --color-destructive: oklch(0.6 0.22 27);
  --color-destructive-foreground: oklch(0.98 0.01 0);
  --color-border: var(--border-soft);
  --color-input: var(--border-soft);
  --color-ring: var(--accent);

  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-sans: "Inter", system-ui, sans-serif;

  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.25rem;
  --radius-2xl: 1.5rem;
}

:root {
  --bg: #f4f6fa;
  --surface: #ffffff;
  --surface-elevated: #eef2f8;
  --border-soft: rgba(15, 23, 42, 0.1);
  --accent: #ea580c;
  --accent-foreground: #ffffff;
  --neon: #0284c7;
  --text: #1e293b;
  --text-dim: #64748b;
  --text-muted: #94a3b8;
  --radius: 1rem;
}

@layer base {
  * { border-color: var(--color-border); }
  html, body { background-color: var(--bg); color: var(--text); }
  body { font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
  h1, h2, h3, h4 { font-family: var(--font-display); letter-spacing: -0.02em; }
}

@utility no-scrollbar {
  &::-webkit-scrollbar { display: none; }
  -ms-overflow-style: none;
  scrollbar-width: none;
}