/**
 * SISTEMA DE DISEÑO OFICIAL — GRUPO GRADUM SAC
 * Paleta: Academic Prestige & Trust v2.0
 * Primary: #570C22 | Secondary: #D4A63F | Tertiary: #8A1235 | Neutral: #FBF8F3
 * Tipografía: Playfair Display + Inter
 */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
   /* ─────────────────────────────────────────────
     PALETA PRIMARIA · Guindo Logo Oficial
  ───────────────────────────────────────────── */
   --color-primary-950: #1E0308;
   --color-primary-900: #3D0710;
   --color-primary-800: #6B0F1E;
   --color-primary-700: #A81830;
   /* GUINDO LOGO — color exacto del logo */
   --color-primary-600: #BE1F3A;
   /* Hover / acento más claro */
   --color-primary-500: #D42B47;
   --color-primary-400: #E05872;
   --color-primary-300: #E98A9E;
   --color-primary-200: #F3B8C4;
   --color-primary-100: #FAE1E6;
   --color-primary-50: #FDF3F5;

   /* ─────────────────────────────────────────────
     PALETA SECUNDARIA · Ocre / Caramelo Tostado Fiel
  ───────────────────────────────────────────── */
   --color-gold-900: #2C1A06;
   --color-gold-800: #4B2E0C;
   --color-gold-700: #7A4B17;
   --color-gold-600: #9E6426;
   --color-gold-500: #dfa931;
   /* TARGET ACCENT */
   --color-gold-400: #D0985A;
   --color-gold-300: #fce18d;
   /* TARGET ACCENT LIGHT */
   --color-gold-200: #EED2A8;
   --color-gold-100: #F7E7CE;
   --color-gold-50: #FCF6EC;

   /* ─────────────────────────────────────────────
     PALETA NEUTRA · Light Theme
  ───────────────────────────────────────────── */
   --color-neutral-bg: #FBF8F3;
   /* TARGET NEUTRAL */
   --color-neutral-card: #FFFFFF;
   --color-neutral-surface: #FAF2EA;
   --color-neutral-surface-2: #F3EBE1;
   --color-neutral-border: #EAE0D5;
   --color-neutral-border-light: #F5EFE8;

   /* Texto */
   --color-text-dark: #1E1E1E;
   --color-text-body: #555555;
   --color-text-muted: #888888;
   --color-text-light: #FFFFFF;

   /* ─────────────────────────────────────────────
     SEMÁNTICOS
  ───────────────────────────────────────────── */
   --color-success: #166534;
   --color-success-light: #DCFCE7;
   --color-error: #991B1B;
   --color-error-light: #FEE2E2;
   --color-warning: #92400E;
   --color-warning-light: #FEF3C7;
   --color-info: #22d3ee;
   --color-info-light: #DBEAFE;

   /* ─────────────────────────────────────────────
     TIPOGRAFÍAS
  ───────────────────────────────────────────── */
   --font-headline: 'Playfair Display', Georgia, 'Times New Roman', serif;
   --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
   --font-label: 'Inter', sans-serif;

   /* ─────────────────────────────────────────────
     SOMBRAS PREMIUM
  ───────────────────────────────────────────── */
   --shadow-xs: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02);
   --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05), 0 1px 4px rgba(0, 0, 0, 0.03);
   --shadow-md: 0 6px 20px rgba(87, 12, 34, 0.06), 0 2px 8px rgba(0, 0, 0, 0.04);
   --shadow-lg: 0 20px 40px rgba(87, 12, 34, 0.08);
   --shadow-xl: 0 20px 48px rgba(87, 12, 34, 0.1), 0 8px 20px rgba(0, 0, 0, 0.06);
   --shadow-2xl: 0 32px 64px rgba(87, 12, 34, 0.12), 0 12px 28px rgba(0, 0, 0, 0.08);

   /* Sombra de anillo de foco */
   --ring-primary: 0 0 0 3px rgba(122, 10, 33, 0.18);
   --ring-gold: 0 0 0 3px rgba(223, 169, 49, 0.22);

   /* ─────────────────────────────────────────────
     RADIOS
  ───────────────────────────────────────────── */
   --radius-xs: 4px;
   --radius-sm: 6px;
   --radius-md: 12px;
   --radius-lg: 18px;
   --radius-xl: 24px;
   --radius-2xl: 32px;
   --radius-full: 9999px;

   /* ─────────────────────────────────────────────
     TRANSICIONES
  ───────────────────────────────────────────── */
   --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
   --transition-normal: 0.28s cubic-bezier(0.16, 1, 0.3, 1);
   --transition-slow: 0.4s cubic-bezier(0.23, 1, 0.32, 1);

   /* ─────────────────────────────────────────────
     ESPACIADOS GLOBALES
  ───────────────────────────────────────────── */
   --section-padding: 3.4rem;
   --container-max: 1280px;
   --container-gutter: 1.0rem;
   --nav-height: 80px;
}