:root {
  /* ==========================================================================
     IDENTIDAD CORPORATIVA OFICIAL (Academia Árabe & Método Al Basit)
     Contraste WCAG AA/AAA verificado para lectura editorial en español
     ========================================================================== */

  /* Azul Petróleo Institucional */
  --c-petroleum-950: #072A3E;
  --c-petroleum-900: #0B3954;
  --c-petroleum-800: #13384A;
  --c-petroleum-700: #1D4E68;

  /* Turquesa Corporativo */
  --c-turquoise-700: #17604F; /* Alto contraste sobre blanco (WCAG AAA) */
  --c-turquoise-600: #1E705F;
  --c-turquoise-500: #24826F; /* Turquesa oficial */
  --c-turquoise-100: #E3F3EF;
  --c-turquoise-50:  #F1F9F7;

  /* Rojo Corporativo (Acentos editoriales y CTAs destacados) */
  --c-red-700: #9B2226;
  --c-red-600: #B52B27;
  --c-red-500: #C8382E;
  --c-red-50:  #FDF2F2;

  /* Superficies y Fondos Claros */
  --c-bg-main: #F4F7FA;      /* Gris-celeste editorial suave */
  --c-bg-surface: #FFFFFF;   /* Blanco puro para tarjetas y lectura */
  --c-bg-alt: #EAF4FA;       /* Celeste corporativo suave */
  --c-bg-subtle: #EDF2F6;

  /* Tinta y Tipografía de Alto Contraste */
  --c-text-main: #1F2A33;    /* Tinta oscura principal (Ratio > 13:1 sobre blanco) */
  --c-text-body: #2A3642;    /* Cuerpo de lectura cómoda */
  --c-text-muted: #4A5965;   /* Texto secundario (Ratio > 7:1 sobre blanco) */
  --c-text-light: #FFFFFF;
  --c-text-on-dark-muted: #D0E2EE; /* Texto secundario sobre azul petróleo oscuro */

  /* Bordes y Divisores */
  --c-border: #D8E2EB;
  --c-border-strong: #BCCCDC;

  /* Alias de compatibilidad semántica y variables del logo original */
  --accent: #d97706;
  --primary: #0B3954;
  --c-primary-950: var(--c-petroleum-950);
  --c-primary-900: var(--c-petroleum-900);
  --c-primary-800: var(--c-petroleum-800);
  --c-primary-700: var(--c-turquoise-700);
  --c-primary-600: var(--c-turquoise-500);
  --c-primary-100: var(--c-turquoise-100);
  --c-primary-50:  var(--c-bg-alt);

  --c-gold-600: var(--c-red-600);
  --c-gold-500: var(--c-red-500);
  --c-gold-400: #E05348;
  --c-gold-300: #F4A29D;
  --c-gold-100: var(--c-red-50);
  --c-gold-50:  #FFF8F8;

  /* Tipografía Corporativa (Playfair Display + Inter) */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Escala Tipográfica Fluida y Legible */
  --text-xs: 0.78rem;
  --text-sm: 0.885rem;
  --text-base: 1.05rem;
  --text-lg: 1.15rem;
  --text-xl: 1.3rem;
  --text-2xl: clamp(1.35rem, 2.2vw, 1.65rem);
  --text-3xl: clamp(1.6rem, 2.8vw, 2.1rem);
  --text-4xl: clamp(1.85rem, 3.6vw, 2.65rem);
  --text-5xl: clamp(2.1rem, 4.2vw, 3.1rem);

  /* Espaciado */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;

  /* Contenedores y Layout */
  --max-width: 1280px;
  --reading-width: 740px;
  --header-height: 76px;

  /* Bordes y Sombras Corporativas */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-full: 9999px;

  --shadow-sm: 0 2px 8px rgba(11, 57, 84, 0.06);
  --shadow-md: 0 8px 24px rgba(11, 57, 84, 0.09);
  --shadow-lg: 0 16px 36px rgba(11, 57, 84, 0.13);
  --shadow-gold: 0 6px 18px rgba(200, 56, 46, 0.22);

  /* Transiciones */
  --transition-fast: 160ms ease;
  --transition-normal: 260ms cubic-bezier(0.22, 1, 0.36, 1);
  --transition-slow: 400ms cubic-bezier(0.22, 1, 0.36, 1);
}