import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./lib/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      colors: {
        campus: {
          teal: "#008A6C",           // Primary Brand (#008A6C)
          tealDark: "#006E56",       // Deep Teal
          tealDeep: "#004838",       // Midnight Pine Forest
          tealLight: "#E6F5F1",      // Soft Emerald Mint Tint
          accent: "#00A884",         // Vibrant Emerald Teal
          mint: "#10B981",           // Fresh Mint
          gold: "#F59E0B",           // Bright Honors Gold
          goldDark: "#D97706",       // Academic Amber
          goldLight: "#FEF3C7",      // Soft Gold
          slateBg: "#F8FAFC",        // Pristine Slate Surface
          cardBg: "#FFFFFF",         // Crisp White
          border: "#CCEBE4",         // Subtle Teal-tinted border
          heading: "#004838",        // Deep Pine Heading
          body: "#334155",           // Reading Charcoal
          muted: "#64748B",          // Subtitle Slate
          // Color aliases for backward compatibility:
          indigo: "#008A6C",
          indigoDark: "#006E56",
          indigoDeep: "#004838",
          indigoLight: "#E6F5F1",
          violet: "#00A884",
          violetDark: "#006E56",
          violetLight: "#E6F5F1",
          purple: "#008A6C",
        },
        brand: {
          50: "#F0FAF7",
          100: "#E6F5F1",
          200: "#CCEBE4",
          300: "#99D7C9",
          400: "#4DBBA3",
          500: "#00A381",
          600: "#008A6C",            // User's exact Hex: #008A6C
          700: "#006E56",
          800: "#005341",
          900: "#004838",
          950: "#00281F",
        },
        edtech: {
          teal: "#008A6C",
          accent: "#00A884",
          gold: "#F59E0B",
          dark: "#004838",
        },
      },
      fontFamily: {
        sans: ["'Noto Sans Sinhala'", "system-ui", "-apple-system", "Segoe UI", "Roboto", "sans-serif"],
        sinhala: ["'Noto Sans Sinhala'", "system-ui", "-apple-system", "sans-serif"],
        heading: ["'Noto Sans Sinhala'", "system-ui", "-apple-system", "sans-serif"],
        derana: ["'UN-Derana'", "'Noto Sans Sinhala'", "sans-serif"],
        handwriting: ["UN-Bindumathi", "Atlas-Chirani", "UN-Basuru", "cursive", "sans-serif"],
        bindumathi: ["UN-Bindumathi", "cursive", "sans-serif"],
        chirani: ["Atlas-Chirani", "UN-Bindumathi", "cursive", "sans-serif"],
        basuru: ["UN-Basuru", "cursive", "sans-serif"],
      },
      fontWeight: {
        thin: '100',
        extralight: '200',
        light: '300',
        normal: '400',
        medium: '500',
        semibold: '600',
        bold: '700',
        extrabold: '700', // Capped at 700 to prevent over-bold Sinhala smudging
        black: '700',     // Capped at 700 so Sinhala loops stay open and readable
      },
      letterSpacing: {
        tighter: '0em',
        tight: '0em',
        normal: '0em',
        wide: '0em',
        wider: '0em',
        widest: '0em',
      },
      lineHeight: {
        none: '1.35',
        tight: '1.42',
        snug: '1.48',
        normal: '1.6',
        relaxed: '1.75',
        loose: '2',
      },
      fontSize: {
        'xs': ['0.75rem', { lineHeight: '1.35rem' }],
        'sm': ['0.875rem', { lineHeight: '1.45rem' }],
        'base': ['1rem', { lineHeight: '1.65rem' }],
        'lg': ['1.125rem', { lineHeight: '1.8rem' }],
        'xl': ['1.25rem', { lineHeight: '1.95rem' }],
        '2xl': ['1.5rem', { lineHeight: '2.3rem' }],
        '3xl': ['1.875rem', { lineHeight: '2.8rem' }],
        '4xl': ['2.25rem', { lineHeight: '3.3rem' }],
        '5xl': ['3rem', { lineHeight: '4.25rem' }],
      },
    },
  },
  plugins: [],
};
export default config;