/* Paleta Naranja Seguridad - tipo EPP, alta visibilidad. */
[data-palette="naranja"] {
    --color-primary: #ea580c;
    --color-primary-strong: #c2410c;
    --color-primary-soft: #ffedd5;
    --color-primary-fg: #ffffff;

    --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;
    --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-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-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%);
    }
}