:root {

    /* Main Colors */
    --bg-primary: #0b1120;
    --bg-secondary: #111827;
    --bg-card: #1f2937;

    --primary: #3b82f6;
    --primary-hover: #60a5fa;

    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;

    --text-primary: #f9fafb;
    --text-secondary: #9ca3af;

    --border: rgba(255,255,255,.08);

    --radius: 14px;

    --shadow:
        0 8px 30px rgba(0,0,0,.30);
        --spacing-xs: 0.25rem;
--spacing-sm: 0.5rem;
--spacing-md: 1rem;
--spacing-lg: 2rem;
--spacing-xl: 4rem;

--transition-fast: 0.2s ease;
--transition-normal: 0.3s ease;

}