:root {
  /* Dark fight-gym palette. Yellow = brand and Ersan's groups, red = fight nights and Šerif's groups (the gym's own poster code). */
  --black: #0A0A0B;
  --char-1: #121316;
  --char-2: #1A1B1E;
  --char-3: #232529;
  --line: #2C2E33;
  --line-strong: #43464D;
  --bone: #F2F0EB;
  --mute: #A9A8A3;
  --yellow: #E8BB08;
  --yellow-hot: #FFCB1F;
  --red: #D21F26;
  --red-text: #F03A40;

  --font: "Archivo", "Arial Narrow", system-ui, sans-serif;
  --display-stretch: 62%;
  --label-stretch: 75%;

  --step--1: clamp(0.8125rem, 0.79rem + 0.1vw, 0.875rem);
  --step-0: clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);
  --step-1: clamp(1.125rem, 1.05rem + 0.35vw, 1.3125rem);
  --step-2: clamp(1.5rem, 1.3rem + 0.9vw, 2rem);
  --step-3: clamp(2rem, 1.55rem + 2vw, 3.25rem);
  --step-4: clamp(2.75rem, 1.7rem + 4.4vw, 5rem);
  --step-hero: clamp(3.5rem, 1.9rem + 6.6vw, 6rem);

  --gutter: clamp(1.25rem, 4vw, 3.5rem);
  --section-y: clamp(4.5rem, 8vw, 7rem);
  --max: 86rem;
  --nav-h: 4.5rem;
  --ticker-h: 3.25rem;

  --radius: 6px;
  --radius-lg: 8px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --fast: 180ms;
}