/*
  Tema visual configurable.
  Cambia aquí la paleta y la tipografía para reutilizar el portal con otros Fondos.
*/
:root {
  /* Marca principal */
  --brand-primary: #00AFE0;
  --brand-primary-dark: #0080BB;
  --brand-secondary: #061F6F;
  --brand-secondary-2: #0B2A82;
  --brand-purple: #3D2C5D;
  --brand-accent: #EF3E42;

  /* Alias multi-fondo */
  --color-primary: var(--brand-secondary);
  --color-secondary: var(--brand-primary-dark);
  --color-accent: var(--brand-primary);
  --color-text: #091A3D;
  --color-text-soft: #66708A;
  --color-bg: #F6FAFD;
  --color-card: #FFFFFF;
  --color-border: #CCD6E6;

  /* Base */
  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --text-main: #091A3D;
  --text-muted: #66708A;
  --border: #CCD6E6;

  /* UI */
  --footer-height: 52px;
  --radius: 12px;
  --radius-card: 22px;
  --shadow-card: 0 10px 30px rgba(15, 38, 80, .08);

  /* Tipografía */
  --font-title: 'Rubik', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: 'Hind Madurai', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-family: var(--font-body);
}