/*
 * Variables V2 — Clean, minimal, FreightSoft-inspired
 * Monochrome base + single accent blue. No heavy colors.
 */
:root {
    /* ── Backgrounds ── */
    --bg: #f9fafb;
    --surface: #ffffff;
    --surface-soft: #f3f4f6;
    --surface-muted: #f0f1f3;
    --border: #e5e7eb;
    --border-strong: #d1d5db;

    /* ── Text ── */
    --text: #111827;
    --text-soft: #374151;
    --text-faint: #6b7280;
    --text-inverse: #ffffff;

    /* ── Accent — single blue ── */
    --primary: #1a56db;
    --primary-hover: #1648b8;
    --primary-soft: #eff6ff;

    /* ── Semantic — muted, not loud ── */
    --success: #059669;
    --success-soft: #ecfdf5;

    --warning: #d97706;
    --warning-soft: #fffbeb;

    --danger: #dc2626;
    --danger-soft: #fef2f2;

    --info: #0284c7;
    --info-soft: #f0f9ff;

    /* ── Sidebar (kept for compatibility — hidden on desktop in v2) ── */
    --sidebar-bg: #111827;
    --sidebar-text: #9ca3af;
    --sidebar-active: #ffffff;

    --overlay: rgba(17, 24, 39, 0.5);

    /* ── Radius — tighter, more professional ── */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 10px;
    --radius-xl: 12px;
    --radius-pill: 999px;

    /* ── Shadows — subtler ── */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.08);

    /* ── Spacing ── */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 32px;
    --space-8: 40px;
    --space-9: 48px;

    --sidebar-width: 240px;
    --topbar-height: 56px;

    --font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}