:root {
  --bg-ink: #07111f;
  --bg-deep: #0c1a2c;
  --bg-panel: #f7f9fc;
  --bg-soft: #eaf0f7;
  --text-dark: #08111f;
  --text-mid: #41516a;
  --text-light: #f7fbff;
  --blue: #2457d6;
  --blue-soft: #dbe7ff;
  --gold: #c6a15b;
  --gold-soft: #f2e7cf;
  --line: rgba(8, 17, 31, 0.12);
  --line-light: rgba(255, 255, 255, 0.18);
  --shadow: 0 24px 70px rgba(3, 9, 20, 0.22);
  --radius: 8px;

  --font-display: "Manrope", "Noto Serif SC", sans-serif;
  --font-serif: "Noto Serif SC", serif;
  --font-body: "Manrope", "Noto Serif SC", sans-serif;
  --font-mono: "Manrope", "Noto Serif SC", sans-serif;

  --title-size: clamp(2.1rem, 5vw, 4.4rem);
  --h2-size: clamp(1.45rem, 3.4vw, 2.85rem);
  --h3-size: clamp(1.08rem, 2.15vw, 1.75rem);
  --body-size: clamp(0.86rem, 1.35vw, 1.12rem);
  --small-size: clamp(0.72rem, 0.95vw, 0.88rem);
  --kicker-size: clamp(0.68rem, 0.95vw, 0.86rem);
  --slide-padding: clamp(1.5rem, 4vw, 4rem);
  --content-gap: clamp(0.75rem, 2vw, 2rem);

  --nav-bg: rgba(247, 249, 252, 0.82);
  --nav-line: rgba(36, 87, 214, 0.24);
  --nav-button: #2457d6;
  --nav-ink: #f7fbff;
  --nav-shadow: 0 14px 38px rgba(3, 9, 20, 0.18);
  --dots-bg: transparent;
  --dots-line: transparent;
  --dots-dot: rgba(255, 255, 255, 0.45);
  --dots-dot-line: rgba(36, 87, 214, 0.55);
  --dots-dot-active: #c6a15b;
  --dots-shadow: none;

  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}