@font-face { font-family: "Golos Text"; src: url("../fonts/golos-text-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Golos Text"; src: url("../fonts/golos-text-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Golos Text"; src: url("../fonts/golos-text-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Fira Sans Extra Condensed"; src: url("../fonts/fira-sans-extra-condensed-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Fira Sans Extra Condensed"; src: url("../fonts/fira-sans-extra-condensed-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }

:root {
  --navy-100: #d3e0ea;
  --navy-700: #07395d;
  --navy-900: #05304f;
  --orange-50: #fff2e3;
  --orange-500: #fd7d04;
  --orange-600: #dd6800;
  --ink-900: #102331;
  --ink-600: #4f6273;
  --ink-400: #8a9aa8;
  --line: #d9e1e7;
  --ground: #eef2f5;
  --paper: #ffffff;
  --ok: #1d7a45;
  --low: #8f5709;
  --out: #b3372f;
  --fish: #fff1a8;

  --font-text: "Golos Text", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-tag: "Fira Sans Extra Condensed", "Arial Narrow", sans-serif;

  --fs-12: 0.75rem;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-20: 1.25rem;
  --fs-25: 1.5625rem;
  --fs-32: 2rem;
  --fs-44: 2.75rem;
  --fs-64: 4rem;

  --sp-4: 0.25rem;
  --sp-8: 0.5rem;
  --sp-12: 0.75rem;
  --sp-16: 1rem;
  --sp-24: 1.5rem;
  --sp-32: 2rem;
  --sp-48: 3rem;
  --sp-64: 4rem;
  --sp-96: 6rem;

  --radius-s: 4px;
  --radius-m: 8px;
  --radius-pill: 999px;

  --shadow-lift: 0 1px 2px rgb(16 35 49 / 0.06), 0 8px 24px rgb(16 35 49 / 0.08);
  --shadow-float: 0 24px 64px rgb(16 35 49 / 0.16);
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --container: 1280px;
}