/* ─── Design Tokens ─── */
:root {
    /* Backgrounds */
    --bg-deep: #0a0f1a;
    --bg-body: #111827;
    --bg-card: #1f2937;
    --bg-card-hover: #263348;
    --bg-elevated: #283548;

    /* Borders */
    --border: #374151;
    --border-light: rgba(59, 130, 246, 0.15);

    /* Text */
    --text-primary: #f3f4f6;
    --text-secondary: #d1d5db;
    --text-muted: #9ca3af;

    /* Brand Blues */
    --blue-500: #3b82f6;
    --blue-600: #2563eb;
    --blue-700: #1e40af;
    --blue-400: #60a5fa;
    --blue-glow: rgba(59, 130, 246, 0.25);

    /* Semantic */
    --success: #10b981;
    --danger: #ef4444;
    --warning: #f59e0b;

    /* Radii */
    --radius: 16px;
    --radius-sm: 10px;
    --radius-xs: 6px;

    /* Typography */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Motion */
    --transition: 0.2s ease;

    /* Layout */
    --header-height: 64px;
}