// Tailwind CSS v4 uses CSS-based configuration via @theme in index.css.
// This file is a reference for theme tokens used in the project.
// Actual configuration lives in src/index.css inside the @theme block.

export const theme = {
  fonts: {
    heading: '"Syne", sans-serif',
    body: '"DM Sans", sans-serif',
    mono: '"JetBrains Mono", monospace',
  },
  colors: {
    accent: '#22d3ee',      // cyan-400
    accentHover: '#67e8f9', // cyan-300
    bg: '#09090b',          // zinc-950
    surface: '#18181b',     // zinc-900
    surface2: '#27272a',    // zinc-800
    border: '#3f3f46',      // zinc-700
    textPrimary: '#fafafa', // zinc-50
    textMuted: '#a1a1aa',   // zinc-400
  },
} as const