/*
 * Paleta central de la plantilla.
 * Cambie primero estos tokens al adaptar el portal a una nueva identidad.
 * Los alias históricos permanecen en portal.css y admin.css durante la migración.
 */
:root {
    color-scheme: light;

    /* Paleta pública */
    --color-primary: #ffc400;
    --color-primary-rgb: 255, 196, 0;
    --color-primary-dark: #e3a900;
    --color-primary-dark-rgb: 227, 169, 0;
    --color-primary-deep: #b47c00;
    --color-primary-light: #ffdb54;
    --color-primary-outline: #8d6300;
    --color-secondary: #11213c;
    --color-secondary-rgb: 17, 33, 60;
    --color-secondary-light: #e8edf4;
    --color-accent: #ffc400;
    --color-background: #f4f6f8;
    --color-surface: #ffffff;
    --color-surface-rgb: 255, 255, 255;
    --color-text: #111827;
    --color-text-rgb: 17, 24, 39;
    --color-muted: #5d6675;
    --color-border: rgba(17, 33, 60, .16);
    --color-border-secondary: rgba(17, 33, 60, .12);
    --color-header: #ffffff;
    --color-footer: #081324;
    --color-button: #ffc400;
    --color-button-light: #ffda4d;
    --color-button-hover: #e3a900;
    --color-button-deep: #b47c00;
    --color-on-primary: #0a1220;
    --color-contrast: #05090f;
    --radio-yellow: var(--color-primary);
    --radio-yellow-dark: var(--color-primary-dark);
    --radio-navy: var(--color-secondary);
    --radio-navy-deep: #081324;
    --radio-ink: var(--color-text);
    --radio-muted: var(--color-muted);
    --radio-surface: var(--color-surface);
    --radio-background: var(--color-background);
    --radio-line: var(--color-border-secondary);
    --radio-live: #e4293f;
    --radio-whatsapp: #20b961;
    --radio-whatsapp-dark: #0b8b45;
    --radio-glow: rgba(var(--color-primary-rgb), .62);
    --radio-shadow: 0 24px 70px rgba(var(--color-secondary-rgb), .24);

    /* Paleta administrativa: separada para conservar el aspecto actual */
    --color-admin-primary: #9a7000;
    --color-admin-primary-rgb: 154, 112, 0;
    --color-admin-primary-dark: #6f5000;
    --color-admin-primary-dark-rgb: 111, 80, 0;
    --color-admin-primary-light: #e3a900;
    --color-admin-accent-rgb: 154, 112, 0;
    --color-admin-highlight-rgb: 227, 169, 0;
    --color-admin-background: #f4f6f8;
    --color-admin-surface: #ffffff;
    --color-admin-surface-rgb: 255, 255, 255;
    --color-admin-surface-warm-rgb: 255, 252, 239;
    --color-admin-surface-soft-rgb: 244, 246, 248;
    --color-admin-text: #111827;
    --color-admin-muted: #5d6675;
    --color-admin-border: rgba(var(--color-admin-primary-rgb), .20);
    --color-admin-header: #081324;
    --color-admin-header-rgb: 8, 19, 36;
    --color-admin-header-alt: #11213c;
    --color-admin-shadow-rgb: 17, 33, 60;
    --color-admin-button: #9a7000;
    --color-admin-button-light: #e3a900;
    --color-admin-button-hover: #6f5000;
    --color-admin-button-deep: #7f5c00;
    --color-admin-on-primary: #ffffff;

    /* Tokens compartidos */
    --color-status-success-text: #17623a;
    --color-status-success-surface: #e5f6ec;
    --color-status-warning-text: #7a4210;
    --color-status-warning-surface: #fff1df;
    --color-status-caution-surface: #fff1c9;
    --color-status-danger-text: #971919;
    --color-status-danger-surface: #ffe2e2;
    --shadow-elevation-soft: 0 10px 26px rgba(31, 41, 51, .075);
    --shadow-accent: 0 7px 18px rgba(184, 134, 11, .22);
    --radius-control: 8px;
}