/* Mafia IT Party — дизайн-токены.
   Единственный источник цвета, типографики и отступов. Хардкод цвета в компонентах запрещён.
   Направление: «латунная табличка в тёмном зале» — графит + ночной синий + латунь. */

:root {
  /* --- поверхности --- */
  --ink-900: #0b0d10;
  --ink-850: #0e1116;
  --ink-800: #11151b;
  --ink-700: #161c24;
  --ink-600: #1f2731;
  --ink-500: #2a3542;
  --night: #0e1a2b;

  /* --- акцент: латунь --- */
  --brass-900: #4a3a1a;
  --brass-700: #8a7038;
  --brass-500: #c2a15a;
  --brass-300: #e3cb91;
  --brass-100: #f5e9cd;

  /* --- семантика --- */
  --felt: #123b2e;
  --felt-light: #1d5c47;
  --red-card: #8e2b2b;
  --red-light: #c25555;
  --win: #3f7d63;
  --warn: #b8862f;

  /* --- текст --- */
  --text-100: #edeae3;
  --text-300: #c3c8cf;
  --text-400: #9aa3ad;
  --text-600: #6b7681;

  /* --- линии и тени --- */
  --line: rgba(194, 161, 90, 0.18);
  --line-strong: rgba(194, 161, 90, 0.38);
  --line-cold: rgba(255, 255, 255, 0.07);
  --shadow-lift: 0 18px 48px rgba(0, 0, 0, 0.55);
  --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.04);

  /* --- типографика --- */
  --font-display: "Unbounded", "Golos Text", system-ui, sans-serif;
  --font-ui: "Golos Text", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --fs-hero: 40px;
  --fs-h1: 30px;
  --fs-h2: 22px;
  --fs-h3: 17px;
  --fs-body: 15px;
  --fs-small: 13px;
  --fs-label: 11px;
  --fs-numeral: 64px;

  /* --- ритм --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 72px;

  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-pill: 999px;

  --wrap: 1180px;
  --wrap-narrow: 760px;

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

@media (min-width: 768px) {
  :root {
    --fs-hero: 62px;
    --fs-h1: 40px;
    --fs-h2: 27px;
    --fs-h3: 19px;
    --fs-body: 16px;
    --fs-numeral: 84px;
  }
}

@media (min-width: 1280px) {
  :root {
    --fs-hero: 78px;
    --fs-h1: 46px;
    --fs-numeral: 96px;
  }
}