/**
 * PRF Design System — Tailwind v3 config
 * v1.1 · 2026
 *
 * Mudanças v1.1:
 * - fontFamily.sans: Fira Sans → Inter
 * - fontFamily.icons: nova família "Material Symbols Outlined"
 * - colors.neutral.50: #F7F7F8 → #F5F5F5
 *
 * Mapeia os tokens do MIV 7.0 da PRF para utilities Tailwind.
 * Cores institucionais: Azul PRF (#000D4B), Amarelo PRF (#FFC900), Branco.
 */

/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: ["class", '[data-theme="dark"]'],
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    container: {
      center: true,
      padding: "1rem",
      screens: { "2xl": "1280px" },
    },
    extend: {
      // ====== CORES ======
      colors: {
        // — Institucionais (use SEMPRE essas em peças oficiais) —
        prf: {
          azul: "#000D4B",
          amarelo: "#FFC900",
          branco: "#FFFFFF",
          DEFAULT: "#000D4B",
        },

        // — Escala auxiliar de azul (UI digital apenas) —
        azul: {
          10: "#000935",
          20: "#0A1656",
          30: "#19245F",
          40: "#2D3877",
          60: "#6973A0",
          80: "#B5BBD3",
          90: "#DCDFEC",
          95: "#F1F2F8",
          DEFAULT: "#000D4B",
        },

        // — Escala auxiliar de amarelo (destaques e alertas) —
        amarelo: {
          20: "#FFFCEF",
          40: "#FFF6D9",
          60: "#FFEDB0",
          80: "#FFE17A",
          90: "#FFD64D",
          100: "#FFC900",
          DEFAULT: "#FFC900",
        },

        // — Neutros (não institucionais, só auxiliar) —
        // v1.1: neutral-50 alterado de #F7F7F8 para #F5F5F5
        neutral: {
          0: "#FFFFFF",
          50: "#F5F5F5",
          100: "#ECEDEF",
          200: "#DCDEE3",
          300: "#C2C5CD",
          400: "#8E94A1",
          500: "#5B6373",
          600: "#3C4252",
          700: "#272B38",
          800: "#181B25",
          900: "#0B0D14",
        },

        // — Status (ações em UI) —
        status: {
          success: "#1F7A3A",
          warning: "#B26B00",
          danger: "#B32020",
          info: "#1E4FB2",
        },

        // — Aliases semânticos via CSS vars —
        bg: "var(--bg)",
        "bg-elevated": "var(--bg-elevated)",
        "bg-subtle": "var(--bg-subtle)",
        "bg-muted": "var(--bg-muted)",
        fg: "var(--fg)",
        "fg-muted": "var(--fg-muted)",
        "fg-subtle": "var(--fg-subtle)",
        border: "var(--border)",
        "border-strong": "var(--border-strong)",
        accent: "var(--accent)",
        "accent-fg": "var(--accent-fg)",
        highlight: "var(--highlight)",
      },

      // ====== TIPOGRAFIA ======
      // v1.1: Inter como família primária (era Fira Sans)
      fontFamily: {
        sans: [
          "Inter",
          "Inter Variable",
          "system-ui",
          "-apple-system",
          "Segoe UI",
          "Roboto",
          "sans-serif",
        ],
        mono: [
          "JetBrains Mono",
          "ui-monospace",
          "SF Mono",
          "Menlo",
          "monospace",
        ],
        // v1.1: nova família para iconografia oficial
        icons: [
          "Material Symbols Outlined",
          "system-ui",
          "sans-serif",
        ],
      },

      fontSize: {
        12: ["0.75rem", { lineHeight: "1rem" }],
        13: ["0.8125rem", { lineHeight: "1.125rem" }],
        14: ["0.875rem", { lineHeight: "1.25rem" }],
        16: ["1rem", { lineHeight: "1.5rem" }],
        18: ["1.125rem", { lineHeight: "1.625rem" }],
        20: ["1.25rem", { lineHeight: "1.75rem" }],
        24: ["1.5rem", { lineHeight: "2rem" }],
        28: ["1.75rem", { lineHeight: "2.25rem" }],
        32: ["2rem", { lineHeight: "2.5rem" }],
        40: ["2.5rem", { lineHeight: "3rem" }],
        48: ["3rem", { lineHeight: "3.5rem" }],
        56: ["3.5rem", { lineHeight: "4rem" }],
        72: ["4.5rem", { lineHeight: "5rem" }],
      },

      fontWeight: {
        light: "300",
        normal: "400",
        medium: "500",
        semibold: "600",
        bold: "700",
        extrabold: "800",
      },

      letterSpacing: {
        tighter: "-0.035em",
        tight: "-0.025em",
        snug: "-0.01em",
        wide: "0.14em",
        wider: "0.18em",
      },

      // ====== ESPAÇAMENTO ======
      spacing: {
        "sp-1": "4px",
        "sp-2": "8px",
        "sp-3": "12px",
        "sp-4": "16px",
        "sp-5": "20px",
        "sp-6": "24px",
        "sp-8": "32px",
        "sp-10": "40px",
        "sp-12": "48px",
        "sp-16": "64px",
        "sp-20": "80px",
        "sp-24": "96px",
      },

      // ====== RAIOS ======
      borderRadius: {
        none: "0",
        2: "2px",
        4: "4px",
        6: "6px",
        8: "8px",
        pill: "999px",
        DEFAULT: "6px",
      },

      // ====== SOMBRAS ======
      boxShadow: {
        "prf-sm": "0 1px 2px rgba(0, 13, 75, 0.06)",
        "prf-md":
          "0 2px 8px rgba(0, 13, 75, 0.08), 0 1px 2px rgba(0, 13, 75, 0.04)",
        "prf-lg":
          "0 8px 28px rgba(0, 13, 75, 0.10), 0 2px 6px rgba(0, 13, 75, 0.05)",
      },

      ringColor: {
        DEFAULT: "#000D4B",
      },
    },
  },
  plugins: [],
};