/* Canonical Gentoo Logic visual tokens.
 * Source: gentoo-logic-core/tenants/_chassis/gentoo-tokens.css
 * Keep this mirror aligned with the chassis source when it changes.
 */
:root {
    color-scheme: light;

    --gl-bg: #fafafa;
    --gl-surface: #ffffff;
    --gl-surface-2: #f4f4f5;
    --gl-surface-3: #ececef;
    --gl-border: #e4e4e7;
    --gl-border-strong: #d4d4d8;

    --gl-text: #18181b;
    --gl-text-2: #52525b;
    --gl-text-3: #71717a;
    --gl-text-4: #a1a1aa;

    --gl-brand: #1BA8D8;
    --gl-brand-soft: #D6F0F9;
    --gl-brand-strong: #0D2A4A;
    --gl-brand-grey: #4E6370;
    --gl-brand-paper: #F5F7F9;

    --gl-p0: #b91c1c;
    --gl-p0-bg: #fee2e2;
    --gl-p1: #c2410c;
    --gl-p1-bg: #ffedd5;
    --gl-p2: #a16207;
    --gl-p2-bg: #fef3c7;
    --gl-p3: #4d7c0f;
    --gl-p3-bg: #ecfccb;

    --gl-stuck: #b91c1c;
    --gl-stuck-bg: #fee2e2;
    --gl-gated: #a16207;
    --gl-gated-bg: #fef3c7;
    --gl-inflight: #1d4ed8;
    --gl-inflight-bg: #dbeafe;
    --gl-done: #15803d;
    --gl-done-bg: #dcfce7;
    --gl-stale: #71717a;
    --gl-stale-bg: #f4f4f5;

    --gl-radius: 8px;
    --gl-radius-sm: 6px;
    --gl-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
    --gl-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    --gl-font: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif;
    --gl-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
    --gl-pulse-stagger: 0.18s;
}