/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./beta.html", "./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {
      colors: {
        // Tokens are wired to CSS variables so the Tweaks panel (or any
        // runtime themer) can swap the accent palette without rebuilding.
        bg:        "var(--c-bg)",
        "bg-1":    "var(--c-bg-1)",
        "bg-2":    "var(--c-bg-2)",
        fg:        "var(--c-fg)",
        "fg-dim":  "var(--c-fg-dim)",
        "fg-mute": "var(--c-fg-mute)",
        "fg-faint":"var(--c-fg-faint)",
        hairline:  "var(--c-hairline)",
        "hairline-2": "var(--c-hairline-2)",
        accent: {
          DEFAULT: "var(--c-accent)",
          soft:    "var(--c-accent-soft)",
          glow:    "var(--c-accent-glow)",
          fg:      "var(--c-accent-fg)",
        },
        ok: "var(--c-ok)",
      },
      fontFamily: {
        sans: ['Geist', 'ui-sans-serif', 'system-ui', '-apple-system', 'sans-serif'],
        mono: ['"Geist Mono"', 'ui-monospace', '"SF Mono"', 'Menlo', 'monospace'],
      },
      borderRadius: {
        xl: "18px",
        "2xl": "22px",
        "3xl": "28px",
      },
      boxShadow: {
        "accent-glow": "0 10px 40px -10px var(--c-accent-glow), 0 0 50px -8px var(--c-accent-glow)",
        "card":        "0 30px 80px -20px oklch(0 0 0 / 0.6)",
      },
      keyframes: {
        "caret-blink": { "50%": { opacity: "0.25" } },
        "pulse-ok":    {
          "0%":   { boxShadow: "0 0 0 0 oklch(0.78 0.16 155 / 0.6)" },
          "70%":  { boxShadow: "0 0 0 8px oklch(0.78 0.16 155 / 0)" },
          "100%": { boxShadow: "0 0 0 0 oklch(0.78 0.16 155 / 0)" },
        },
        spin: { to: { transform: "rotate(360deg)" } },
        strike: {
          from: { opacity: "0", transform: "translateY(-50%) rotate(-1deg) scaleX(0)" },
          to:   { opacity: "1", transform: "translateY(-50%) rotate(-1deg) scaleX(1)" },
        },
      },
      animation: {
        "caret-blink": "caret-blink 1.4s steps(2) infinite",
        "pulse-ok":    "pulse-ok 2s ease-out infinite",
        spin:          "spin .9s linear infinite",
      },
    },
  },
  plugins: [],
};
