/* ============================================================
   Omniscite Design System — Design Tokens v1.0
   Source of truth: industries.html "Palantir" dark theme
   Prefix: --os-* (prevents collision with existing page vars)
   ============================================================ */

:root {
    /* ── Background Scale ── */
    --os-bg-base: #0f0f0f;
    --os-bg-sunken: #0a0a0a;
    --os-bg-card: #1a1a1a;
    --os-bg-elevated: #2a2a2a;
    --os-bg-hover: #222222;

    /* ── Text Scale ── */
    --os-text-primary: #e5e5e5;
    --os-text-secondary: #9ca3af;
    --os-text-muted: #666666;
    --os-text-bright: #ffffff;

    /* ── Border Scale ── */
    --os-border: #333333;
    --os-border-hover: #555555;
    --os-border-subtle: #222222;
    --os-border-focus: rgba(239, 68, 68, 0.4);

    /* ── Accent Colors ── */
    --os-red: #ef4444;
    --os-red-hover: #dc2626;
    --os-red-dark: #b91c1c;
    --os-red-glow: rgba(239, 68, 68, 0.15);
    --os-green: #22c55e;
    --os-green-glow: rgba(34, 197, 94, 0.15);
    --os-blue: #3b82f6;
    --os-blue-glow: rgba(59, 130, 246, 0.15);
    --os-yellow: #eab308;
    --os-orange: #f97316;
    --os-purple: #a855f7;
    --os-cyan: #06b6d4;

    /* ── Status Colors ── */
    --os-success: #22c55e;
    --os-warning: #f59e0b;
    --os-error: #ef4444;
    --os-info: #3b82f6;

    /* ── Typography ── */
    --os-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --os-font-mono: 'SF Mono', 'Fira Code', 'Consolas', monospace;
    --os-text-xs: 11px;
    --os-text-sm: 12px;
    --os-text-base: 13px;
    --os-text-md: 14px;
    --os-text-lg: 16px;
    --os-text-xl: 20px;
    --os-text-2xl: 22px;
    --os-text-3xl: 28px;

    /* ── Font Weights ── */
    --os-font-normal: 400;
    --os-font-medium: 500;
    --os-font-semibold: 600;
    --os-font-bold: 700;

    /* ── Spacing Scale ── */
    --os-space-1: 4px;
    --os-space-2: 6px;
    --os-space-3: 8px;
    --os-space-4: 10px;
    --os-space-5: 12px;
    --os-space-6: 14px;
    --os-space-7: 16px;
    --os-space-8: 20px;
    --os-space-9: 24px;
    --os-space-10: 28px;
    --os-space-11: 32px;
    --os-space-12: 40px;

    /* ── Border Radius ── */
    --os-radius-sm: 6px;
    --os-radius-md: 8px;
    --os-radius-lg: 10px;
    --os-radius-xl: 12px;
    --os-radius-pill: 20px;
    --os-radius-full: 50%;

    /* ── Transitions ── */
    --os-transition-fast: 0.15s ease;
    --os-transition: 0.2s ease;

    /* ── Shadows ── */
    --os-shadow-hover: 0 8px 32px rgba(0, 0, 0, 0.4);
    --os-shadow-dropdown: 0 20px 40px rgba(0, 0, 0, 0.5);

    /* ── Layout ── */
    --os-max-width: 1400px;
    --os-max-width-wide: 1600px;
    --os-nav-height: 64px;
}