/* Paleta Naranja Seguridad - tipo EPP, alta visibilidad. */
[data-palette="naranja"] {
    --color-primary: #ea580c;
    --color-primary-strong: #c2410c;
    --color-primary-soft: #ffedd5;
    /* El naranja de seguridad es un color CLARO: la letra blanca encima daba
       3,56, por debajo de AA, en el modo claro y peor todavía en el oscuro
       (#fb923c, 2,26). Con tinta oscura sobre el MISMO naranja: 5,20 en claro y
       8,18 en oscuro. Se eligió cambiar la letra y no el naranja a propósito —
       oscurecer la marca hasta que el blanco funcione la lleva a #cd4d0b, que
       ya es otro color. Además es lo que hace la señalética real de EPP: letra
       negra sobre naranja. Vale para los dos modos (el bloque dark de abajo no
       lo pisa). */
    --color-primary-fg: #0f1419;

    --color-accent: #475569;
    --color-accent-strong: #334155;
}

[data-palette="naranja"][data-mode="dark"] {
    --color-primary: #fb923c;
    --color-primary-strong: #f97316;
    --color-primary-soft: rgba(251, 146, 60, 0.12);
    --color-accent: #94a3b8;
}

/* Tinte del fondo para que la paleta se note. El COLOR va en el fondo (bg) y el
   chrome; las TARJETAS quedan nitidas (blanco/oscuro crisp) para conservar contraste
   y no "difuminar". Acero queda neutro. */
[data-palette="naranja"][data-mode="light"],
[data-palette="naranja"][data-mode="auto"] {
    --color-bg: color-mix(in srgb, #f5f6f8 87%, #ea580c 13%);
    --color-surface: #ffffff;
    --color-surface-2: color-mix(in srgb, #f9fafb 94%, #ea580c 6%);
    --color-surface-elevated: #ffffff;
    /* RAISED (ver light.css): tinta igual que las otras superficies, si no el
       globito del chat y la fila propia quedan grises sobre una tarjeta calida. */
    --color-surface-raised: color-mix(in srgb, #f1f3f5 94%, #ea580c 6%);
    --color-border: color-mix(in srgb, #e5e7eb 92%, #ea580c 8%);
    --color-sidebar-bg: color-mix(in srgb, #ffffff 95%, #ea580c 5%);
    --color-topbar-bg: color-mix(in srgb, #ffffff 95%, #ea580c 5%);
}
[data-palette="naranja"][data-mode="dark"] {
    --color-bg: color-mix(in srgb, #0f1419 85%, #fb923c 15%);
    --color-surface: color-mix(in srgb, #1a1f26 97%, #fb923c 3%);
    --color-surface-2: color-mix(in srgb, #232a33 94%, #fb923c 6%);
    --color-surface-elevated: color-mix(in srgb, #2a3340 97%, #fb923c 3%);
    --color-surface-raised: color-mix(in srgb, #252d38 96%, #fb923c 4%);
    --color-border: color-mix(in srgb, #2d3742 90%, #fb923c 10%);
    --color-sidebar-bg: color-mix(in srgb, #0a0e13 88%, #fb923c 12%);
    --color-topbar-bg: color-mix(in srgb, #1a1f26 91%, #fb923c 9%);
}
@media (prefers-color-scheme: dark) {
    [data-palette="naranja"][data-mode="auto"] {
        --color-bg: color-mix(in srgb, #0f1419 85%, #fb923c 15%);
        --color-surface: color-mix(in srgb, #1a1f26 97%, #fb923c 3%);
        --color-surface-2: color-mix(in srgb, #232a33 94%, #fb923c 6%);
        --color-surface-elevated: color-mix(in srgb, #2a3340 97%, #fb923c 3%);
        --color-surface-raised: color-mix(in srgb, #252d38 96%, #fb923c 4%);
        --color-border: color-mix(in srgb, #2d3742 90%, #fb923c 10%);
        --color-sidebar-bg: color-mix(in srgb, #0a0e13 88%, #fb923c 12%);
        --color-topbar-bg: color-mix(in srgb, #1a1f26 91%, #fb923c 9%);
    }
}