// ─── Colors (Dark Theme) ──────────────────────────────────
$color-bg:           #1a1d21;
$color-bg-2:         #212529;
$color-bg-3:         #262a2f;
$color-border:       #343a40;
$color-border-light: #495057;
$color-text:         #f8f9fa;
$color-text-2:       #dee2e6;
$color-text-3:       #adb5bd;
$color-accent:       #22d3ee;
$color-accent-dark:  #06b6d4;
$color-accent-alpha: rgba(34, 211, 238, 0.15);

// ─── Typography ────────────────────────────────────────────
$font-display: 'Syne', sans-serif;
$font-body:    'DM Sans', sans-serif;
$font-mono:    'JetBrains Mono', monospace;

// ─── Breakpoints ───────────────────────────────────────────
$bp-sm:  640px;
$bp-md:  768px;
$bp-lg:  1024px;
$bp-xl:  1280px;
$bp-2xl: 1536px;