/* Oban design tokens — same Console / Pixa dark institutional palette. */

:root {
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 16px;
    --space-4: 24px;
    --space-5: 32px;
    --space-6: 48px;
    --space-7: 64px;

    --font-size-xs: 12px;
    --line-height-xs: 16px;
    --font-size-sm: 14px;
    --line-height-sm: 20px;
    --font-size-base: 16px;
    --line-height-base: 24px;
    --font-size-lg: 18px;
    --line-height-lg: 28px;
    --font-size-xl: 20px;
    --line-height-xl: 28px;
    --font-size-2xl: 24px;
    --line-height-2xl: 32px;
    --font-size-3xl: 30px;
    --line-height-3xl: 36px;

    --console-font-sans: "Inter", "Segoe UI", system-ui, sans-serif;
    --console-font-display: "Plus Jakarta Sans", "Inter", sans-serif;
    --console-font-mono: Consolas, "Courier New", monospace;

    --console-color-brand: #0ea5e9;
    --console-color-brand-dark: #2563eb;
    --console-color-accent: #38bdf8;
    --console-color-canvas: #020617;
    --console-color-surface: #0f172a;
    --console-color-surface-raised: rgba(15, 23, 42, 0.96);
    --console-color-surface-inset: rgba(2, 6, 23, 0.72);
    --console-color-surface-field: rgba(15, 23, 42, 0.85);
    --console-color-glass: rgba(15, 23, 42, 0.9);
    --console-color-glass-border: rgba(255, 255, 255, 0.12);
    --console-color-border: rgba(255, 255, 255, 0.18);
    --console-color-border-strong: rgba(255, 255, 255, 0.22);
    --console-color-hero-glow: rgba(14, 165, 233, 0.12);
    --console-color-text-primary: #f8fafc;
    --console-color-text-secondary: #e2e8f0;
    --console-color-text-muted: #cbd5e1;
    --console-color-text-label: #94a3b8;
    --console-color-link: #7dd3fc;
    --console-color-link-hover: #bae6fd;

    --console-radius: 12px;
    --console-radius-lg: 20px;
    --console-content-max-width: 1760px;
    --console-shadow: 0 20px 45px rgba(2, 6, 23, 0.45);

    --console-bg: var(--console-color-canvas);
    --console-text: var(--console-color-text-primary);
    --console-muted: var(--console-color-text-muted);

    --status-healthy: #34d399;
    --status-unhealthy: #f87171;
    --status-warning: #fbbf24;

    --hit-target: 44px;
    --console-nav-width: 256px;
    --console-nav-rail: 48px;
}