/**
 * VARIABLES Y SISTEMA DE DISEÑO — GRUPO INDUSTRIAL FRONTERA
 * Paleta corporativa: Azul marino profundo, dorados gastronómicos, acentos de calidad
 */

:root {
  /* Colores Corporativos Primarios */
  --color-navy-dark: #071324;
  --color-navy-primary: #0B1D3A;
  --color-navy-secondary: #132A52;
  --color-navy-surface: #1B3563;
  --color-navy-light: #254680;

  /* Acentos de Marca (Gastronomía, Tradición y Calidad) */
  --color-gold: #C69214;
  --color-gold-light: #E0AB31;
  --color-gold-hover: #AF7F0E;
  --color-accent-blue: #0084FF;
  --color-accent-amber: #E76F51;

  /* Colores Neutrales y Fondos */
  --color-bg-light: #F8FAFC;
  --color-bg-card: #FFFFFF;
  --color-bg-subtle: #EDF2F7;
  --color-border: #E2E8F0;
  --color-border-dark: #2A4365;

  /* Tipografía y Textos */
  --color-text-dark: #0F172A;
  --color-text-body: #334155;
  --color-text-muted: #64748B;
  --color-text-light: #F8FAFC;
  --color-text-light-muted: #CBD5E1;

  /* Fuentes */
  --font-heading: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Elevación y Sombras */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --shadow-glow: 0 0 25px rgba(198, 146, 20, 0.25);

  /* Transiciones */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
  --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);

  /* Bordes */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Contenedores */
  --max-width: 1200px;
}