:root {
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'IBM Plex Sans', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, "SF Mono", "Menlo", monospace;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-pill: 999px;
  --transition: .2s ease;

  --dot-red: #FF5F57;
  --dot-yellow: #FEBC2E;
  --dot-green: #28C840;

  --margin: 16px;
  --padding: 16px;
  --sub-title-letter-spacing: 2px;
}

:root,
[data-bs-theme="dark"]{
  --bg: #14181F;
  --bg-glow-1: #0A84FF;
  --bg-glow-2: #40C8E0;
  --surface: #282828;
  --surface-2: #323232;
  --border: rgba(84,84,88,0.6);
  --text: #FFFFFF;
  --text-light: #FFFFFF
  --text-muted: rgba(235,235,245,0.6);
  --accent: #0A84FF;
  --accent-2: #40C8E0;
  --accent-contrast: #FFFFFF;

  --glass-bg: rgba(255,255,255,0.06);
  --glass-bg-strong: rgba(255,255,255,0.09);
  --glass-border: rgba(255,255,255,0.14);
  --glass-blur: 18px;
  --shadow-glass: 0 8px 32px rgba(0,0,0,0.35);
}

[data-bs-theme="light"]{
  --bg: #F1F4F8;
  --bg-glow-1: #007AFF;
  --bg-glow-2: #30B0C7;
  --surface: #ECECEC;
  --surface-2: #F5F5F5;
  --border: rgba(60,60,67,0.29);
  --text: #000000;
  --text-light: #FFFFFF;
  --text-muted: rgba(60,60,67,0.6);
  --accent: #007AFF;
  --accent-2: #30B0C7;
  --accent-contrast: #FFFFFF;

  --glass-bg: rgba(255,255,255,0.55);
  --glass-bg-strong: rgba(255,255,255,0.72);
  --glass-border: rgba(255,255,255,0.8);
  --glass-blur: 18px;
  --shadow-glass: 0 8px 32px rgba(20,40,80,0.12);
}