:root {
  --color-oxygen: #63e2e5;
  --color-volt: #0474f2;
  --color-pink: #ff5ca8;
  --color-violet: #8d62ff;
  --color-hyperfocus: #0d1035;
  --color-ion: #eeebe5;

  --color-bg: var(--color-ion);
  --color-bg-strong: color-mix(in srgb, var(--color-ion) 88%, var(--color-oxygen));
  --color-ink: var(--color-hyperfocus);
  --color-ink-soft: color-mix(in srgb, var(--color-hyperfocus) 82%, var(--color-volt));
  --color-muted: color-mix(in srgb, var(--color-hyperfocus) 58%, var(--color-ion));
  --color-line: color-mix(in srgb, var(--color-hyperfocus) 18%, var(--color-ion));
  --color-surface: #ffffff;
  --color-surface-tint: color-mix(in srgb, var(--color-ion) 82%, var(--color-oxygen));
  --color-night: var(--color-hyperfocus);
  --color-night-soft: color-mix(in srgb, var(--color-hyperfocus) 84%, var(--color-volt));

  --color-primary: var(--color-volt);
  --color-accent: var(--color-oxygen);
  --color-focus: var(--color-volt);
  --color-green: var(--color-oxygen);
  --color-blue: var(--color-volt);
  --color-purple: var(--color-violet);
  --color-red: var(--color-volt);
  --color-yellow: var(--color-oxygen);

  --font-display: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  --font-editorial: "Instrument Serif", Georgia, "Times New Roman", serif;
  --font-body: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SFMono-Regular", "Menlo", "Monaco", Consolas, monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: clamp(1.0625rem, 1rem + 0.25vw, 1.25rem);
  --text-xl: clamp(1.35rem, 1.2rem + 0.55vw, 1.75rem);
  --text-2xl: clamp(1.8rem, 1.5rem + 1.2vw, 2.7rem);
  --text-3xl: clamp(2.45rem, 1.9rem + 2.4vw, 4.25rem);
  --text-4xl: clamp(3.4rem, 2.15rem + 5.4vw, 7.25rem);

  --space-3xs: 4px;
  --space-2xs: 8px;
  --space-xs: 12px;
  --space-sm: 20px;
  --space-md: 32px;
  --space-lg: 48px;
  --space-xl: 80px;
  --space-2xl: 128px;

  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-full: 999px;

  --shadow-sm: 0 1px 0 rgba(13, 16, 53, 0.08);
  --shadow-md: 0 20px 60px rgba(13, 16, 53, 0.1);
  --shadow-lg: 0 36px 96px rgba(13, 16, 53, 0.14);
  --glass-light: rgba(238, 235, 229, 0.58);
  --glass-light-strong: rgba(255, 255, 255, 0.76);
  --glass-dark: rgba(238, 235, 229, 0.64);
  --glass-border: rgba(255, 255, 255, 0.82);
  --glass-border-dark: rgba(255, 255, 255, 0.7);
  --glass-blur: blur(18px) saturate(155%);
  --shadow-glass: 0 18px 54px rgba(13, 16, 53, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.86);
  --gradient-spectrum: linear-gradient(110deg, var(--color-oxygen), var(--color-volt) 42%, var(--color-violet) 70%, var(--color-pink));

  --container-max: 1380px;
  --nav-height: 72px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 180ms;
  --dur-med: 280ms;
  --dur-slow: 560ms;
}