Design-to-Tokens / Tailwind Code Extractor

@import "tailwindcss";

@theme inline {
  --color-primary: #06b6d4;
  --color-primary-hover: #06b6d4cc;
  --color-accent: #a855f7;
  --color-surface: #030712;

  --radius-sm: calc(0.5rem * 0.75);
  --radius-md: 0.5rem;
  --radius-lg: calc(0.5rem * 1.5);
  --radius-xl: calc(0.5rem * 2);

  --font-sans: Inter, sans-serif;
  --font-mono: JetBrains Mono, monospace;

  --spacing-base: 4px;
}