:root {
  --color-ink: #07131f;
  --color-ink-soft: #102338;
  --color-navy: #0b1e35;
  --color-cyan: #35d7ff;
  --color-cyan-strong: #00bfe8;
  --color-teal: #14b8a6;
  --color-green: #20c997;
  --color-magenta: #ff4fc8;
  --color-violet: #8b5cf6;
  --color-white: #ffffff;
  --color-paper: #eef4f8;
  --color-mist: #e6eff6;
  --color-line: rgba(18, 49, 75, 0.12);
  --color-text: #173047;
  --color-muted: #5f7385;
  --color-success: #087f6d;
  --color-warning: #9a6200;
  --color-shadow: rgba(7, 19, 31, 0.16);

  --gradient-brand: linear-gradient(135deg, var(--color-cyan) 0%, var(--color-teal) 48%, var(--color-magenta) 100%);
  --gradient-hero: radial-gradient(circle at 72% 32%, rgba(53, 215, 255, .19), transparent 34%), radial-gradient(circle at 88% 72%, rgba(255, 79, 200, .14), transparent 30%), linear-gradient(135deg, #06111d 0%, #0b2138 58%, #0b1728 100%);

  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Segoe UI Variable Display", Inter, ui-sans-serif, system-ui, sans-serif;

  --text-xs: clamp(.76rem, .73rem + .08vw, .82rem);
  --text-sm: clamp(.9rem, .86rem + .12vw, .98rem);
  --text-md: clamp(1rem, .95rem + .18vw, 1.08rem);
  --text-lg: clamp(1.16rem, 1.04rem + .38vw, 1.38rem);
  --text-xl: clamp(1.6rem, 1.28rem + 1vw, 2.3rem);
  --text-2xl: clamp(2.25rem, 1.65rem + 2vw, 4.25rem);

  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-section: clamp(4.5rem, 7vw, 8rem);

  --radius-sm: .7rem;
  --radius-md: 1rem;
  --radius-card: 1.45rem;
  --radius-lg: 2rem;
  --radius-pill: 999px;

  --shadow-sm: 0 10px 30px rgba(7, 19, 31, .08);
  --shadow-card: 0 24px 70px rgba(7, 19, 31, .12);
  --shadow-glow: 0 0 70px rgba(53, 215, 255, .12);

  --container: min(1180px, calc(100% - 2rem));
  --header-height: 78px;
  --transition-fast: 160ms ease;
  --transition: 280ms cubic-bezier(.2,.7,.2,1);
}