:root {
  /* Surfaces */
  --navy-950: #07091f;
  --navy-900: #0b0e37;
  --navy-800: #12153a;
  --navy-700: #1a1f4d;
  --ink: #12131f;
  --muted: #5c6078;
  --line: rgba(11, 14, 55, 0.12);
  --white: #ffffff;
  --off-white: #f6f7fb;

  /* Gradient brand accents */
  --accent-pink: #e91e8c;
  --accent-orange: #f5a623;
  --accent-yellow: #f8e71c;
  --accent-teal: #2ec4b6;
  --brand-gradient: linear-gradient(120deg, #e91e8c 0%, #f5a623 35%, #f8e71c 65%, #2ec4b6 100%);
  --hero-wash: linear-gradient(
    115deg,
    rgba(7, 9, 31, 0.92) 0%,
    rgba(11, 14, 55, 0.78) 42%,
    rgba(18, 21, 58, 0.35) 68%,
    rgba(46, 196, 182, 0.18) 100%
  );

  /* Type */
  --font: "Poppins", "Segoe UI", sans-serif;
  --fs-display: clamp(2.4rem, 5vw, 4.25rem);
  --fs-h2: clamp(1.75rem, 3.2vw, 2.75rem);
  --fs-h3: clamp(1.2rem, 2vw, 1.5rem);
  --fs-body: 1.05rem;
  --fs-small: 0.875rem;
  --lh-tight: 1.15;
  --lh-body: 1.65;

  /* Layout */
  --container: 1120px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --radius: 4px;
  --header-h: 5rem;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --shadow-soft: 0 18px 50px rgba(7, 9, 31, 0.18);
}