:root {
  /* Paleta Institucional Colegio San José de Guanentá */
  --color-primary: #044389;        /* Azul Oscuro Principal */
  --color-primary-light: #5995ED;  /* Azul Claro (Interacciones) */
  --color-secondary: #7CAFC4;      /* Azul Muted Secundario */
  --color-accent: #FCFF4B;         /* Amarillo Acento */
  
  /* Neutrales de Alto Contraste */
  --color-bg-main: #f8faf9;        /* Fondo claro no deslumbrante */
  --color-bg-surface: #ffffff;     /* Tarjetas y contenedores */
  --color-text-main: #1a2521;      /* Texto principal (Contraste 13.5:1) */
  --color-text-muted: #37474f;     /* Texto secundario (Contraste 7:1) */
  --color-border: #cfd8dc;         /* Bordes definidos */

  /* Estados de Interacción */
  --color-focus-ring: #ff6f00;     /* Anillo de foco accesible de alta visibilidad */
  --color-error: #c62828;          /* Rojo accesible */
  --color-success: #2e7d32;        /* Verde éxito */

  /* Tipografía y Escalas */
  --font-family-base: 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-family-heading: 'Georgia', serif;
  --font-size-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem); /* Fluido ~16px-18px */
  --line-height-base: 1.6;

  /* Espaciado Modular */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;

  /* Transiciones y Sombras Suaves */
  --transition-fast: 0.2s ease;
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.12);
}

/* Tema de Alto Contraste (Activación mediante clase o preferencia del SO) */
[data-theme="high-contrast"] {
  --color-primary: #000000;
  --color-primary-light: #000000;
  --color-secondary: #ffff00;
  --color-accent: #ffff00;
  --color-bg-main: #000000;
  --color-bg-surface: #000000;
  --color-text-main: #ffffff;
  --color-text-muted: #ffffff;
  --color-border: #ffffff;
  --color-focus-ring: #ffff00;
}