/** @type {import('tailwindcss').Config} */
export default {
  content: ["./src/**/*.{html,js,svelte,ts}"],
  theme: {
    extend: {
      colors: {
        abyss: {
          950: "#03070f",
          900: "#060c18",
          800: "#0a1220",
          700: "#0f1b2e",
          600: "#162238",
          500: "#1e2f48",
        },
        emerald: {
          DEFAULT: "#10b981",
          bright: "#34d399",
          dim: "#0a3d26",
        },
        signal: {
          green: "#34d399",
          red: "#f87171",
          yellow: "#fbbf24",
          cyan: "#2dd4bf",
        },
      },
      fontFamily: {
        mono: ["JetBrains Mono", "Fira Code", "ui-monospace", "monospace"],
        sans: ["Inter", "system-ui", "-apple-system", "sans-serif"],
      },
      boxShadow: {
        "glow-green": "0 0 10px rgba(52,211,153,0.45)",
        "glow-emerald": "0 0 14px rgba(16,185,129,0.4)",
        card: "0 4px 24px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.04)",
      },
      backgroundImage: {
        "grid-faint":
          "linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px)",
      },
      backgroundSize: {
        grid: "32px 32px",
      },
    },
  },
  plugins: [],
};