/**
 * Borker design tokens — Tailwind config snippet.
 *
 * Drop this into your `tailwind.config.js` (or .ts) under `theme.extend`
 * to get the Borker color palette and type scale as utility classes.
 *
 * Example after merging:
 *   <div className="bg-borker-orange text-white">…</div>
 *   <h1 className="text-display font-bold">…</h1>
 *
 * Source of truth: src/app/globals.css in github.com/Incented/Borker
 */
module.exports = {
  theme: {
    extend: {
      colors: {
        borker: {
          orange: "#ff6b35",
          "background-light": "#fafbfd",
          "background-dark": "#0c0c14",
          "card-light": "#ffffff",
          "card-dark": "#14141f",
          "foreground-light": "#0c0c14",
          "foreground-dark": "#f8fafc",
          "muted-light": "#5b5b6b",
          "muted-dark": "#a1a1aa",
          "border-light": "#e2e3eb",
          "border-dark": "#2a2a3c",
        },
      },
      fontFamily: {
        borker: ["Inter", "system-ui", "-apple-system", "sans-serif"],
      },
      fontSize: {
        display: ["1.875rem", { lineHeight: "2.25rem" }],
        "heading-page": ["1.5rem", { lineHeight: "2rem" }],
        "heading-section": ["1.25rem", { lineHeight: "1.75rem" }],
        body: ["1rem", { lineHeight: "1.5rem" }],
        caption: ["0.875rem", { lineHeight: "1.25rem" }],
      },
      borderRadius: {
        borker: "0.625rem",
      },
    },
  },
};
