:root {
    --sim-stage-bg: #f8fafc;
    --sim-stage-fill: rgba(37, 99, 235, 0.12);
    --sim-particle: #0f766e;
    --sim-inside: #e11d48;
    --sim-text: #0f172a;
    --sim-muted: #475569;
    --sim-queue-bg: #f8fafc;
    --sim-queue-station: #e2e8f0;
    --sim-queue-line: #94a3b8;
    --sim-queue-customer: #0f766e;
}

@media (prefers-color-scheme: dark) {
    :root {
        --sim-stage-bg: #111827;
        --sim-stage-fill: rgba(96, 165, 250, 0.18);
        --sim-particle: #2dd4bf;
        --sim-inside: #fb7185;
        --sim-text: #e2e8f0;
        --sim-muted: #94a3b8;
        --sim-queue-bg: #111827;
        --sim-queue-station: #1f2937;
        --sim-queue-line: #475569;
        --sim-queue-customer: #2dd4bf;
    }
}

:root[data-theme="light"] {
    --sim-stage-bg: #f8fafc;
    --sim-stage-fill: rgba(37, 99, 235, 0.12);
    --sim-particle: #0f766e;
    --sim-inside: #e11d48;
    --sim-text: #0f172a;
    --sim-muted: #475569;
    --sim-queue-bg: #f8fafc;
    --sim-queue-station: #e2e8f0;
    --sim-queue-line: #94a3b8;
    --sim-queue-customer: #0f766e;
}

:root[data-theme="dark"] {
    --sim-stage-bg: #111827;
    --sim-stage-fill: rgba(96, 165, 250, 0.18);
    --sim-particle: #2dd4bf;
    --sim-inside: #fb7185;
    --sim-text: #e2e8f0;
    --sim-muted: #94a3b8;
    --sim-queue-bg: #111827;
    --sim-queue-station: #1f2937;
    --sim-queue-line: #475569;
    --sim-queue-customer: #2dd4bf;
}