/* SKY I design tokens. Values come from the redesign spec, section 3. */
:root {
  --bg-1: #8FA3A6;
  --bg-2: #5E6F72;
  --bg-3: #3E4B4E;
  --panel: #2F3A3C;
  --panel-2: #26302F;
  --glass: rgba(255, 255, 255, .10);
  --glass-2: rgba(255, 255, 255, .16);
  --glass-line: rgba(255, 255, 255, .18);
  --accent: #F26B2A;
  --accent-2: #FF8A4C;
  --text: #FFFFFF;
  --text-2: rgba(255, 255, 255, .70);
  --text-3: rgba(255, 255, 255, .45);
  --line: rgba(255, 255, 255, .12);

  --r: 24px;
  --r-s: 14px;
  --r-pill: 999px;

  --font-h: "Manrope", system-ui, sans-serif;
  --font-l: "Inter", system-ui, sans-serif;

  --fs-hero: clamp(2.6rem, 7.2vw, 6.6rem);
  --fs-h2: clamp(2rem, 4vw, 3.4rem);
  --fs-h3: clamp(1.25rem, 1.8vw, 1.6rem);
  --fs-stat: clamp(3rem, 6vw, 5.2rem);
  --fs-body: 1rem;
  --fs-small: .8125rem;
  --fs-label: .6875rem;

  --s-1: 8px;
  --s-2: 16px;
  --s-3: 24px;
  --s-4: 40px;
  --s-5: 64px;
  --s-6: 112px;

  --gutter: clamp(16px, 3vw, 32px);
  --max: 1440px;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --shadow: 0 30px 80px -30px rgba(10, 20, 22, .55);
}