/* ==========================================================================
   MIUNI · VARIABLES INSTITUCIONALES DE DISEÑO
   Identidad visual oficial: Azul Marino + Amarillo Institucional (#f8c300)
   (CERO NARANJA)
   ========================================================================== */

:root {
  /* AZULES INSTITUCIONALES */
  --primary: #1351b4;
  --primary-dark: #0a3377;
  --primary-deep: #061c44;
  --primary-light: #eef4fe;

  /* AMARILLO INSTITUCIONAL OFICIAL (SIN NARANJA) */
  --yellow: #f5c800;
  --yellow-dark: #dca800;
  --yellow-light: #fff9e6;
  --accent: #f8c300;
  --accent-dark: #dca800;
  --accent-light: #fff9e6;

  /* VERDES DE ÉXITO Y SISTEMA QR */
  --success: #10b981;
  --success-dark: #059669;
  --success-light: #ecfdf5;

  /* NEUTROS Y TEXTOS */
  --text: #0f172a;
  --text-muted: #64748b;
  --border: #e2e8f0;
  --bg: #f8fafc;
  --card-bg: #ffffff;
  --white: #ffffff;

  /* SOMBRAS PROFESIONALES */
  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 10px 25px -5px rgba(19, 81, 180, 0.08);
  --shadow-lg: 0 20px 35px -10px rgba(15, 23, 42, 0.12);

  /* BORDES REDONDEADOS */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 32px;

  /* Aliases de radio */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
}