/*
 * PolizaMatch · tokens de diseño (fuente única para el sitio público y los paneles).
 * Se carga antes que cualquier otra hoja. Los nombres antiguos de cada sistema (--green, --gray-600, --muted…)
 * se definen a partir de estos en app.css y style.css: para cambiar un color, cambiarlo aquí.
 * Las variantes «-text» cumplen contraste AA (4,5:1) como texto sobre blanco; los colores base son para fondos.
 */
:root {
    /* Marca */
    --pm-green: #a9d52f;
    --pm-green-dark: #7fa31c;
    --pm-green-text: #4d6a0c;
    --pm-green-tint: rgba(169, 213, 47, .14);
    --pm-on-green: #15201a;
    --pm-blue: #4b9fdd;
    --pm-blue-text: #2f72a8;
    --pm-blue-tint: rgba(75, 159, 221, .13);
    --pm-navy: #1a2b4a;

    /* Estados */
    --pm-red: #c22a22;
    --pm-red-dark: #a5231c;
    --pm-red-tint: rgba(194, 42, 34, .1);
    --pm-amber: #d58a1b;
    --pm-amber-text: #9a5f08;
    --pm-amber-tint: rgba(213, 138, 27, .13);

    /* Neutros */
    --pm-ink: #212529;
    --pm-muted: #5c636a;
    --pm-subtle: #8a9099;
    --pm-border: #e3e7eb;
    --pm-surface: #ffffff;
    --pm-bg: #f4f6f8;
    --pm-sidebar: #15201a;
    --pm-sidebar-text: #c9d3cc;

    /* Forma y espacio */
    --pm-radius-sm: 8px;
    --pm-radius: 12px;
    --pm-radius-lg: 16px;
    --pm-radius-pill: 999px;
    --pm-space-1: 4px;
    --pm-space-2: 8px;
    --pm-space-3: 12px;
    --pm-space-4: 16px;
    --pm-space-5: 24px;
    --pm-space-6: 32px;
    --pm-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 4px 14px rgba(0, 0, 0, .04);
    --pm-shadow-lg: 0 18px 50px rgba(0, 0, 0, .25);
    --pm-tap: 44px;
}