:root {
  --bg: #f5f5f5;
  --bg-block: #ffffff;
  --gradient-from: #f08c00;
  --gradient-to: #ed5029;
  --gradient: linear-gradient(180deg, #f08c00 0%, #ed5029 100%);
  --gradient-h: linear-gradient(90deg, #f08c00 0%, #ed5029 100%);
  --text: #081836;
  --text-2: rgba(8, 24, 54, 0.6);
  --accent-1: #0fbd24;
  --accent-1-press: #0ca31e;
  --accent-1-inactive: rgba(15, 189, 36, 0.32);
  --accent-2: #ed5129;
  --accent-2-soft: #fff1eb;
  --line: rgba(8, 24, 54, 0.08);
  --line-strong: rgba(8, 24, 54, 0.12);

  --font: "Google Sans Flex", system-ui, sans-serif;
  --fs-display: 120px;
  --fs-h1: 56px;
  --fs-h2: 40px;
  --fs-h3: 28px;
  --fs-h4: 20px;
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-caption: 12px;
  --lh-display: 1.02;
  --lh-title: 1.15;
  --lh-body: 1.55;

  --radius-pill: 999px;
  --radius-xl: 32px;
  --radius-lg: 20px;
  --radius-md: 16px;
  --radius-sm: 12px;
  --shadow-card: 0 8px 28px rgba(8, 24, 54, 0.06);
  --shadow-soft: 0 4px 16px rgba(8, 24, 54, 0.04);
  --header-h: 76px;
  --container: 1180px;
  --pad: 24px;
}

@media (max-width: 900px) {
  :root {
    --fs-display: 56px;
    --fs-h1: 36px;
    --fs-h2: 28px;
    --fs-h3: 22px;
    --fs-h4: 18px;
  }
}