/* Paleta Verde Industrial - tipo maquinaria pesada. */
[data-palette="verde"] {
    --color-primary: #15803d;
    --color-primary-strong: #166534;
    --color-primary-soft: #dcfce7;
    --color-primary-fg: #ffffff;

    --color-accent: #57534e;
    --color-accent-strong: #44403c;
}

[data-palette="verde"][data-mode="dark"] {
    --color-primary: #4ade80;
    --color-primary-strong: #22c55e;
    --color-primary-soft: rgba(74, 222, 128, 0.12);
    --color-accent: #a8a29e;
}

/* Tinte del fondo (ver paleta-naranja): color en el fondo/chrome, tarjetas nitidas. */
[data-palette="verde"][data-mode="light"],
[data-palette="verde"][data-mode="auto"] {
    --color-bg: color-mix(in srgb, #f5f6f8 88%, #15803d 12%);
    --color-surface: #ffffff;
    --color-surface-2: color-mix(in srgb, #f9fafb 95%, #15803d 5%);
    --color-surface-elevated: #ffffff;
    --color-border: color-mix(in srgb, #e5e7eb 93%, #15803d 7%);
    --color-sidebar-bg: color-mix(in srgb, #ffffff 96%, #15803d 4%);
    --color-topbar-bg: color-mix(in srgb, #ffffff 96%, #15803d 4%);
}
[data-palette="verde"][data-mode="dark"] {
    --color-bg: color-mix(in srgb, #0f1419 86%, #4ade80 14%);
    --color-surface: color-mix(in srgb, #1a1f26 97%, #4ade80 3%);
    --color-surface-2: color-mix(in srgb, #232a33 95%, #4ade80 5%);
    --color-surface-elevated: color-mix(in srgb, #2a3340 97%, #4ade80 3%);
    --color-border: color-mix(in srgb, #2d3742 91%, #4ade80 9%);
    --color-sidebar-bg: color-mix(in srgb, #0a0e13 89%, #4ade80 11%);
    --color-topbar-bg: color-mix(in srgb, #1a1f26 92%, #4ade80 8%);
}
@media (prefers-color-scheme: dark) {
    [data-palette="verde"][data-mode="auto"] {
        --color-bg: color-mix(in srgb, #0f1419 86%, #4ade80 14%);
        --color-surface: color-mix(in srgb, #1a1f26 97%, #4ade80 3%);
        --color-surface-2: color-mix(in srgb, #232a33 95%, #4ade80 5%);
        --color-surface-elevated: color-mix(in srgb, #2a3340 97%, #4ade80 3%);
        --color-border: color-mix(in srgb, #2d3742 91%, #4ade80 9%);
        --color-sidebar-bg: color-mix(in srgb, #0a0e13 89%, #4ade80 11%);
        --color-topbar-bg: color-mix(in srgb, #1a1f26 92%, #4ade80 8%);
    }
}