:root {
  /* Colors */
  --bg-0: #0b1220; 
  --teal-500: #1dc7d3;
  --teal-700: #0e94a6;
  --purple-600: #7c3aed;
  --purple-700: #6d28d9;
  --pink-500: #ec4899;
  --pink-600: #db2777; 
  --surface-0: rgba(255, 255, 255, 0.04);
  --surface-1: rgba(255, 255, 255, 0.07);
  --border-0: rgba(255, 255, 255, 0.12);
  --text-0: #e6f2ff;
  --text-1: #b6c2d0;
  --vignette-alpha: 0.22;
  --accent-purple-alpha: 0.18;
  --accent-teal-alpha: 0.15;
  --accent-gradient: linear-gradient(10deg, var(--teal-500), var(--teal-700));
  --title-gradient: linear-gradient(90deg, var(--teal-500), var(--pink-500));
  --glow-teal-soft: color-mix(in srgb, var(--teal-500) 15%, transparent);
  --glow-pink-soft: color-mix(in srgb, var(--pink-500) 10%, transparent);

  /* Fonts */
  --font-title: 'Nunito', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-subtitle: 'Nunito', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-text: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-footnote: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --fw-title: 700;
  --fw-subtitle: 600;
  --fw-text: 400;
  --fw-footnote: 300;

  /* Sizes */
  --label-size: 40px;
  --profile-avatar: 64px;

  /* Spacers */
  --site-side-spacing-left-right: clamp(8px, 2vw, 18px);

  /* Undecided */
  --glass-bg: rgba(16, 24, 40, 0.38);
  --glass-border: rgba(255, 255, 255, 0.12);
  --glass-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  --glass-backdrop: saturate(140%) blur(10px);
}