/* ==========================================================================
   ENTERPRISE B2B SAAS DESIGN SYSTEM - TOKENS
   Inspired by Linear, Vercel Dashboard, Stripe, Datadog
   ========================================================================== */

:root {
    /* Color Palette - Enterprise Dark Neutral */
    --wwd-bg-root: #090d16;
    --wwd-bg-surface: #0f172a;
    --wwd-bg-surface-hover: #1e293b;
    --wwd-bg-panel: #111827;
    --wwd-bg-glass: rgba(15, 23, 42, 0.85);

    /* Borders & Dividers */
    --wwd-border-subtle: rgba(255, 255, 255, 0.08);
    --wwd-border-medium: rgba(255, 255, 255, 0.15);
    --wwd-border-active: rgba(99, 102, 241, 0.4);

    /* Primary Brand & Accents */
    --wwd-brand-primary: #6366f1;
    --wwd-brand-hover: #4f46e5;
    --wwd-brand-light: #818cf8;

    /* Status & Category Colors (Purpose-Driven) */
    --wwd-status-success: #10b981;
    --wwd-status-success-bg: rgba(16, 185, 129, 0.12);
    --wwd-status-warning: #f59e0b;
    --wwd-status-warning-bg: rgba(245, 158, 11, 0.12);
    --wwd-status-danger: #ef4444;
    --wwd-status-danger-bg: rgba(239, 68, 68, 0.12);
    --wwd-status-info: #3b82f6;
    --wwd-status-info-bg: rgba(59, 130, 246, 0.12);
    --wwd-status-switch: #d97706;
    --wwd-status-switch-bg: rgba(217, 119, 6, 0.15);

    /* Text Colors */
    --wwd-text-primary: #f8fafc;
    --wwd-text-secondary: #cbd5e1;
    --wwd-text-muted: #64748b;
    --wwd-text-dim: #475569;

    /* Typography Hierarchy */
    --wwd-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --wwd-font-mono: 'JetBrains Mono', 'Fira Code', monospace;

    --wwd-text-title: 1.5rem;      /* 24px */
    --wwd-text-heading: 1.125rem;   /* 18px */
    --wwd-text-subheading: 0.9375rem; /* 15px */
    --wwd-text-body: 0.8125rem;    /* 13px */
    --wwd-text-meta: 0.6875rem;    /* 11px */

    /* Spacing & Radii */
    --wwd-radius-sm: 4px;
    --wwd-radius-md: 6px;
    --wwd-radius-lg: 8px;
    --wwd-radius-xl: 12px;

    /* Shadows (Subtle, Linear-style) */
    --wwd-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    --wwd-shadow-md: 0 4px 12px -2px rgba(0, 0, 0, 0.3);
    --wwd-shadow-lg: 0 8px 24px -4px rgba(0, 0, 0, 0.4);
}

/* Light Mode Overrides (Optional Toggle) */
body.wwd-theme-light {
    --wwd-bg-root: #f8fafc;
    --wwd-bg-surface: #ffffff;
    --wwd-bg-surface-hover: #f1f5f9;
    --wwd-bg-panel: #ffffff;
    --wwd-bg-glass: rgba(255, 255, 255, 0.9);

    --wwd-border-subtle: #e2e8f0;
    --wwd-border-medium: #cbd5e1;
    --wwd-border-active: #6366f1;

    --wwd-text-primary: #0f172a;
    --wwd-text-secondary: #334155;
    --wwd-text-muted: #64748b;
    --wwd-text-dim: #94a3b8;
}

/* Utility Monospaced Tabular Numbers for Data Uniformity */
.wwd-tabular-nums {
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
}