/* =========================================================================
   IDENTIDAD VISUAL DEL SIMPOSIO RAM — el unico archivo de colores

   Todo el sitio publico toma sus colores y su tipografia de estas
   variables: la plantilla (css/webmania.css) y los componentes propios
   (css/ram.css). No hay colores de marca escritos en ningun otro lado.

   Paleta oficial (manual del logo, 2026-10-02):
     #173D55  azul marino   la "R", "Resistencia", "microbiana"
     #6CC3CC  turquesa      la "AM", "Anti"
     #1B4874  azul          la fecha
     #616160  gris          "Hotel Crowne Plaza"
     #818282  gris claro    "Simposio"
     #1B1B1B  negro         version monocromatica

   Regla de la marca: colores SOLIDOS, sin degradados. Los tonos claros
   de fondos y lineas son tintes de la paleta (no colores nuevos).

   Contraste (minimo 4.5:1 para texto):
     blanco sobre azul / marino ........ 9.4 / 11.4   botones, franjas
     turquesa sobre marino ............. 5.6          acentos en franjas
     turquesa sobre blanco ............. 2.0          NUNCA para texto:
                                                      solo iconos y detalles
     gris #616160 sobre blanco ......... 6.2          texto corrido

   Roles:
     --ram-primary        botones, enlaces, iconos (azul)
     --ram-accent         detalle turquesa: iconos sobre oscuro, sellos
     --ram-dark           franjas oscuras, tarjeta activa, pie de pagina
     --ram-heading        titulos sobre fondo claro (marino)
     --ram-text           texto corrido (gris)

   La tipografia se carga en mod/head.php (Google Fonts).
   ========================================================================= */

:root {
    /* Marca */
    --ram-primary: #1B4874;
    --ram-primary-dark: #173D55;
    --ram-primary-soft: #E6F5F7;    /* tinte del turquesa: fondos de etiquetas */
    --ram-accent: #6CC3CC;
    --ram-accent-soft: #CDEBEE;
    --ram-dark: #173D55;
    --ram-dark-2: #1B1B1B;          /* fondo de los overlays */

    /* Texto */
    --ram-heading: #173D55;
    --ram-heading-strong: #173D55;
    --ram-text: #616160;
    --ram-text-light: #CDEBEE;      /* texto sobre el marino */
    --ram-text-mute: #818282;

    /* Fondos y lineas */
    --ram-bg-soft: #F7FAFB;
    --ram-bg-muted: #F1F6F7;
    --ram-line: #D3E6E9;
    --ram-line-soft: #E8F1F3;
    --ram-quote: #E1EEF0;

    /* Estados */
    --ram-ok: #1A8F5F;
    --ram-warn: #C78A12;

    /* Tipografia (la del logo) */
    --ram-font: 'Montserrat', 'Segoe UI', Roboto, Arial, sans-serif;
    --ram-font-titulos: 'Montserrat', 'Segoe UI', Roboto, Arial, sans-serif;

    /* Derivados: no hace falta tocarlos */
    --ram-shadow: 0 2px 48px 0 rgba(0, 0, 0, .06);
    --ram-radius: 8px;
}