/*
  Токены по гайдлайну «Московские партнёры».
  Sea Foam, Gold и Sand взяты по фактическим заливкам в PDF (в них же нарисован логотип).
  Подписи hex в гайдлайне другие: Sea Foam #156A85, Gold #A58D69, Sand #F4ECDD.
  Чтобы переключиться на подписанные значения, достаточно поменять три строки ниже.
*/
:root {
  --sea-foam: #0A677B;
  --gold: #BCAC7E;
  --sand: #EBE6D8;

  --deep-sea: #04223C;
  --aqua: #C0D5D8;
  --riviera-orange: #FB6F00;
  --red: #FB0019;
  --white: #FFFFFF;

  --sea-foam-dark: #084F5F;
  --aqua-light: #E6EFF0;
  --sand-light: #F6F3EC;

  --text: var(--deep-sea);
  --text-muted: #4A5B6B;
  --text-on-dark: var(--white);
  --text-on-dark-muted: #A9BCC8;
  --line: #D5DEE2;
  --line-on-dark: rgba(255, 255, 255, 0.24);

  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;

  --fs-display: 72px;
  --fs-h2: 44px;
  --fs-h3: 24px;
  --fs-lead: 20px;
  --fs-body: 17px;
  --fs-small: 14px;
  --fs-caption: 12px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  --section: var(--space-10);
  --gutter: 40px;
  --container: 1280px;
  --radius: 2px;
  --control: 52px;
}

@media (max-width: 1023px) {
  :root {
    --fs-display: 52px;
    --fs-h2: 36px;
    --fs-h3: 22px;
    --fs-lead: 18px;
    --section: var(--space-9);
    --gutter: 32px;
  }
}

@media (max-width: 719px) {
  :root {
    --fs-display: 38px;
    --fs-h2: 30px;
    --fs-h3: 20px;
    --fs-lead: 17px;
    --fs-body: 16px;
    --fs-small: 13px;
    --section: var(--space-8);
    --gutter: 20px;
    --control: 48px;
  }
}