/*
 * Назначение файла: CSS переменные (цвета, тени, отступы, сетка)
 */

:root {
  --color-dark: #0a0a0a;
  --color-light: #ffffff;
  --color-bg: #f5f9fc;
  --color-accent: #ff2e47;
  --color-accent-hover: #e6233b;
  /* Подложка выделения текста. Сплошной акцент под буквами бил по глазам
     и убивал читаемость — выделяют, чтобы прочитать и скопировать, а не
     чтобы полюбоваться. Прозрачность 18% даёт узнаваемый фирменный
     оттенок, оставляя текст тёмным. */
  --color-accent-soft: rgba(255, 46, 71, 0.18);
  --color-star: #ffa500;
  --color-star-hover: #ffc14d;
  --color-gray: #717182;
  --color-gray-light: #ebf5fa;
  --color-gray-lighter: #f9fafb;
  --color-blue: #3696c5;
  --color-blue-hover: #27779e;

  --badge-green: #00c950;
  --badge-purple: #8f36c5;
  --badge-orange: #ff7d45;
  --badge-red: #e62d43;

  --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.06);
  --radius-base: 8px;
  --gap-base: 16px;
  --border-color-base: #e3e3e6;
  --border-color-base-light: #f4f4f4;
  --border-base: 1px solid var(--border-color-base);
  --border-base-light: 1px solid var(--border-color-base-light);

  /* --- Типографика --- */
  --font-base: "Gilroy", serif;

  /* Модульная шкала, 9 шагов. Произвольные px в модулях не использовать */
  --fs-xs: 10px;
  --fs-sm: 12px;
  --fs-md: 14px; /* база body */
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 24px;
  --fs-3xl: 32px;
  --fs-4xl: 40px;
  --fs-5xl: 64px;

  /* Начертания. Выше 700 в @font-face нет — 800 давало синтетический жир */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Межстрочный, 5 шагов */
  --lh-none: 1;
  --lh-tight: 1.15;
  --lh-base: 1.3;
  --lh-relaxed: 1.4;
  --lh-loose: 1.5;

  /* --- Движение ---
     Встроенные CSS-кривые слишком вялые: ease-in задерживает старт ровно в тот
     момент, когда пользователь смотрит внимательнее всего. Здесь усиленные
     варианты. ease-in для UI не заводим намеренно.

     --ease-out    — всё, что появляется и исчезает (списки, тултипы, тосты)
     --ease-in-out — то, что едет по экрану, не меняя видимости
     --ease-drawer — шторки снизу и сбоку, кривая из Ionic/Vaul */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);

  /* Длительности. Выход всегда быстрее входа: пользователь решает медленно,
     система отвечает быстро. Потолок для UI — 300ms. */
  --dur-press: 140ms;
  --dur-enter: 160ms;
  --dur-exit: 110ms;
}