/* =====================================================
   URiT Design System - Tokens (tema claro)
   -----------------------------------------------------
   Fuente de verdad: repositorio URiT
     - docs/GUIA_DISENO.md   reglas normativas del sistema
     - docs/DISENO_MARCA.md  identidad de marca
     - website/src/index.css implementacion de referencia
   Sincronizado desde URiT@23168e5 (2026-10-02).

   Precedencia: cuando GUIA_DISENO.md y website/src/index.css
   difieren, manda GUIA_DISENO.md.

   Este archivo solo declara tokens; no estiliza componentes.
   Para cambiar un valor de la seccion 1, cambiarlo primero en URiT.
   ===================================================== */

:root {
    /* ---------------------------------------------
       1. Tokens de la fuente URiT
       --------------------------------------------- */

    /* Fondos */
    --urit-bg-primary: #FFFFFF;
    --urit-bg-secondary: #F8FAFC;
    --urit-bg-tertiary: #F1F5F9;
    --urit-bg-card: #FFFFFF;
    --urit-bg-card-hover: #F8FAFC;

    /* Acento: CTA, switches activos, hover, enlaces. Usar con moderacion. */
    --urit-accent-primary: #00B8D4;
    --urit-accent-primary-rgb: 0, 184, 212;
    --urit-accent-secondary: #0097A7;
    --urit-accent-secondary-rgb: 0, 151, 167;
    --urit-accent-gradient: linear-gradient(135deg, #00B8D4, #0097A7);
    --urit-accent-glow: rgba(0, 184, 212, 0.12);

    /* Texto */
    --urit-text-primary: #1E293B;
    --urit-text-primary-rgb: 30, 41, 59;
    --urit-text-secondary: #475569;
    --urit-text-tertiary: #94A3B8;

    /* Bordes */
    --urit-border: #E2E8F0;
    --urit-border-accent: rgba(0, 184, 212, 0.15);

    /* Geometria: bordes sutilmente redondeados; pildora solo en tags y badges */
    --urit-radius: 0.5rem;
    --urit-radius-lg: 0.75rem;
    --urit-radius-xl: 1rem;
    --urit-radius-pill: 9999px;

    /* Sombras */
    --urit-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    --urit-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.03);
    --urit-shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.1);
    --urit-shadow-glow: 0 0 20px var(--urit-accent-glow);

    /* Tipografia */
    --urit-font-heading: 'Outfit', sans-serif;
    --urit-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --urit-font-data: 'Space Grotesk', sans-serif;
    --urit-font-friendly: 'DM Sans', sans-serif;

    /* Transiciones */
    --urit-transition-fast: all 0.2s ease;
    --urit-transition-base: all 0.3s ease;

    /* ---------------------------------------------
       2. Derivados de accesibilidad
       No existen en la fuente URiT. GUIA_DISENO.md exige WCAG AA,
       pero el acento #00B8D4 da 2.38:1 tanto con texto blanco encima
       como usado de texto sobre blanco. Estos valores cumplen la regla
       sin cambiar el color de marca. Propuestos para subir a URiT.
       --------------------------------------------- */

    /* Texto e iconos sobre rellenos de acento: 7.49:1 sobre #00B8D4, 5.09:1 sobre #0097A7 */
    --urit-on-accent: #0F172A;

    /* Acento usado como texto sobre fondos claros: 5.06:1 sobre #FFFFFF, 4.84:1 sobre #F8FAFC */
    --urit-accent-ink: #007A8A;
    --urit-accent-ink-rgb: 0, 122, 138;
    /* Hover de enlaces: 6.22:1 sobre #FFFFFF */
    --urit-accent-ink-strong: #006B78;
    --urit-accent-ink-strong-rgb: 0, 107, 120;

    /* Borde de campos de formulario: un paso mas marcado que --urit-border en la escala slate */
    --urit-border-strong: #CBD5E1;

    /* Fondo suave de acento (alertas, item activo): #007A8A encima da 4.54:1 */
    --urit-accent-subtle: #E0F7FA;

    /* Carbon Profundo: DISENO_MARCA.md lo nombra sin fijar hex.
       Superficies oscuras de contraste; el acento encima da 7.49:1. */
    --urit-carbon: #0F172A;
    --urit-carbon-rgb: 15, 23, 42;
    --urit-carbon-soft: #1E293B;
    --urit-surface-inverse: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);

    /* Anillo de foco */
    --urit-focus-ring: 0 0 0 3px rgba(0, 184, 212, 0.35);
}