/*
 * Per-environment preset color tokens. Used by:
 *   - LayoutShell's 3px top-bar indicator
 *   - EnvironmentSwitcherButton / EnvironmentSwitcherModal (color dot)
 *   - EnvironmentsPage "Appearance" swatch grid
 *
 * Light-mode and dark-mode values are tuned for WCAG-AA contrast against the
 * respective surface tokens (`--bg-surface`, `--text-primary`).
 *
 * Storage: plain lowercase string ("slate", "red", ...). Unknown values fall
 * back to `slate` via `envColorVar()`.
 */

:root {
    --env-color-slate:  #94a3b8;
    --env-color-red:    #ef4444;
    --env-color-amber:  #f59e0b;
    --env-color-green:  #10b981;
    --env-color-teal:   #14b8a6;
    --env-color-blue:   #3b82f6;
    --env-color-purple: #a855f7;
    --env-color-pink:   #ec4899;
}

[data-theme='dark'] {
    --env-color-slate:  #a1a9b8;
    --env-color-red:    #f87171;
    --env-color-amber:  #fbbf24;
    --env-color-green:  #34d399;
    --env-color-teal:   #2dd4bf;
    --env-color-blue:   #60a5fa;
    --env-color-purple: #c084fc;
    --env-color-pink:   #f472b6;
}
