/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{ts,tsx}'],
  theme: {
    extend: {
      colors: {
        marca: {
          DEFAULT: 'rgb(var(--marca-rgb) / <alpha-value>)',
          oscuro: 'rgb(var(--marca-oscuro-rgb) / <alpha-value>)',
          claro: 'rgb(var(--marca-claro-rgb) / <alpha-value>)',
          // Texto que va ENCIMA del color de marca: blanco o negro segun cual
          // contraste mejor con el color que eligio el negocio (ver tema.ts).
          contraste: 'rgb(var(--marca-contraste-rgb) / <alpha-value>)',
        },
        crema: '#FDFBF7',
        tinta: '#1C1917',
        // Panel del restaurante (dashboard oscuro premium)
        panel: '#0A0B14',
        // Tema oscuro del landing (marca Gustito Express): noche + dorado
        noche: '#0D0F1E',
        superficie: '#141627',
        'superficie-2': '#1C1F38',
        dorado: {
          DEFAULT: '#FBBF24',
          oscuro: '#EAA916',
        },
        verde: '#26A96C',
        niebla: '#8A8FAF',
      },
      fontFamily: {
        sans: ['Archivo', 'system-ui', '-apple-system', 'sans-serif'],
        // Titulares con caracter: nombre del negocio, platos, precios, titulos.
        display: ['Fraunces', 'Georgia', 'serif'],
      },
      boxShadow: {
        tarjeta: '0 1px 2px rgba(0,0,0,0.04), 0 8px 24px -12px rgba(0,0,0,0.12)',
        flotante: '0 10px 30px -8px rgba(249,115,22,0.45)',
        glow: '0 12px 34px -10px rgba(251,191,36,0.40)',
      },
    },
  },
  plugins: [],
};
