/*
 * Дизайн-токени. Дослівно з SPEC-03 §3 — не додавати нових без потреби,
 * не хардкодити hex/px деінде, коли тут вже є токен.
 */
:root {
  /* Колір: море + м'яч. Одеса, але без кліше з чайками */
  --c-ink: #0E1A24;         /* основний текст */
  --c-ink-soft: #4A5A68;
  --c-line: #DCE4EA;
  --c-bg: #FFFFFF;
  --c-bg-soft: #F4F7F9;
  --c-sea: #0B4F6C;         /* фірмовий темно-синій */
  --c-sea-deep: #06344A;
  --c-accent: #F26522;      /* помаранчевий м'яча — акценти, CTA */
  --c-accent-soft: #FFF1E8;
  --c-ok: #1B8A5A;
  --c-warn: #C4741A;
  --c-danger: #B3261E;

  /* Типографіка */
  --f-sans: "Inter", "Helvetica Neue", system-ui, sans-serif;
  --f-display: "Inter Tight", var(--f-sans);
  --f-mono: ui-monospace, "SF Mono", monospace;   /* цифри рейтингу */

  --fs-xs: .75rem;
  --fs-sm: .875rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.375rem;
  --fs-2xl: 1.75rem;
  --fs-3xl: 2.25rem;
  --fs-4xl: 3rem;

  /* Ритм */
  --sp-1: .25rem;
  --sp-2: .5rem;
  --sp-3: .75rem;
  --sp-4: 1rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-12: 3rem;
  --sp-16: 4rem;

  --radius: 10px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(14, 26, 36, .06);
  --shadow-md: 0 4px 16px rgba(14, 26, 36, .08);

  --container: 1200px;
  --container-narrow: 760px;

  /* Брейкпоінти (для довідки в коментарях медіа-запитів — CSS-змінні
     не можна використовувати всередині @media, значення продубльовані
     напряму в кожному запиті: 480 / 768 / 1024 / 1280). */
}