:root {
  --ink: #0F1F1A;
  --ink-2: #18302A;
  --mist: #F3F5F1;
  --paper: #FFFFFF;
  --ganga: #0D6E62;
  --ganga-dk: #08514A;
  --ganga-lt: #E3F0ED;
  --marker: #FFC53D;
  --marker-dk: #C98F00;
  --asphalt: #59645F;
  --line: #DCE3DD;

  --font-display: "Archivo", "Arial Narrow", Arial, sans-serif;
  --font-body: "Karla", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "DM Mono", "SFMono-Regular", Consolas, monospace;

  --step--1: clamp(0.78rem, 0.75rem + 0.15vw, 0.86rem);
  --step-0: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --step-1: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
  --step-2: clamp(1.6rem, 1.4rem + 1vw, 2.1rem);
  --step-3: clamp(2.1rem, 1.7rem + 2vw, 3.2rem);
  --step-4: clamp(2.8rem, 2.1rem + 3.5vw, 4.6rem);
  --step-5: clamp(3.4rem, 2.4rem + 5vw, 5.4rem);

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-sm: 0 2px 8px rgba(15, 31, 26, 0.08);
  --shadow-md: 0 8px 24px rgba(15, 31, 26, 0.14);

  --header-h: 66px;
  --actionbar-h: 58px;
  --content-max: 1180px;
}