import type { Config } from "tailwindcss";

// SOODOGROWTH DESIGN TOKENS
// ink      — base background, deep engineered slate (not pure black)
// ink-2    — elevated surface (cards, nav-on-scroll, inputs)
// ink-3    — hairline borders / dividers on dark
// paper    — primary light text / inverted surfaces
// paper-2  — muted light text (captions, secondary copy)
// signal   — primary accent: precision blue, used for links, focus, primary actions
// pulse    — secondary accent: amber, used sparingly for status/CTA emphasis only

const config: Config = {
  darkMode: "class",
  content: [
    "./app/**/*.{ts,tsx}",
    "./components/**/*.{ts,tsx}",
    "./lib/**/*.{ts,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        ink: {
          DEFAULT: "#0B0E14",
          2: "#12161F",
          3: "#1B2029",
        },
        paper: {
          DEFAULT: "#F5F6F8",
          2: "#9AA3B2",
        },
        signal: {
          DEFAULT: "#2F6FED",
          dim: "#1E4FBE",
          soft: "rgba(47,111,237,0.12)",
        },
        pulse: {
          DEFAULT: "#F2A93B",
          soft: "rgba(242,169,59,0.14)",
        },
        line: "rgba(245,246,248,0.08)",
        "line-strong": "rgba(245,246,248,0.16)",
      },
      fontFamily: {
        display: ["var(--font-display)", "sans-serif"],
        body: ["var(--font-body)", "sans-serif"],
        mono: ["var(--font-mono)", "monospace"],
      },
      maxWidth: {
        shell: "1240px",
      },
      keyframes: {
        "status-pulse": {
          "0%": { backgroundPosition: "0% 0%" },
          "100%": { backgroundPosition: "200% 0%" },
        },
        "fade-down": {
          "0%": { opacity: "0", transform: "translateY(-8px)" },
          "100%": { opacity: "1", transform: "translateY(0)" },
        },
      },
      animation: {
        "status-pulse": "status-pulse 3.5s linear infinite",
        "fade-down": "fade-down 0.28s ease-out",
      },
    },
  },
  plugins: [],
};

export default config;