25 lines
997 B
SCSS
25 lines
997 B
SCSS
// ─── 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;
|