/*
 * Tokens de diseño (PLACEHOLDER).
 * Valores neutros hasta que la Fase 0 cierre la identidad visual (SRG-300,
 * SRG-303). Al definir la marca solo se cambian los valores de este archivo:
 * el resto de los estilos consume únicamente estas variables.
 */
:root {
    /* Color */
    --color-primario: #2f5d8a;
    --color-primario-oscuro: #1f4066;
    --color-acento: #3a9d8f;
    --color-fondo: #f6f7f9;
    --color-superficie: #ffffff;
    --color-texto: #1d2733;
    --color-texto-suave: #5b6776;
    --color-borde: #d9dee5;
    --color-error: #b3261e;
    --color-exito: #2e7d32;

    /* Tipografía */
    --fuente-base: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --tam-base: 1rem;
    --tam-titulo: 1.75rem;
    --interlineado: 1.6;

    /* Espaciado y forma */
    --espacio-1: 0.25rem;
    --espacio-2: 0.5rem;
    --espacio-3: 1rem;
    --espacio-4: 1.5rem;
    --espacio-5: 2.5rem;
    --radio: 0.5rem;
    --ancho-contenido: 72rem;
}