/* Oban design tokens — same Console / Bank / TQMS 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-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-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-glow: 0 12px 30px -5px rgba(14, 165, 233, 0.5);
    --tile-bg: var(--console-color-glass);
    --tile-bankhost: rgba(20, 184, 166, 0.28);
    --tile-bankhost-edge: #14b8a6;
    --tile-data: rgba(51, 103, 145, 0.38);
    --tile-data-edge: #336791;
    --tile-tqms: rgba(14, 116, 144, 0.36);
    --tile-tqms-edge: #0e7490;

    --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;

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