/* =========================================================
   THEME — ВРЕМЕННЫЙ ВНЕШНИЙ ВИД (нарочно нейтральный)
   Здесь только «как выглядит»: цвета, шрифты, скругления, тени.
   Когда твой дизайн будет готов, этот файл переписывается
   под твои цвета/шрифты/эффекты из Figma — логика не трогается.
   ========================================================= */
:root {
  /* цвета */
  --c-bg: #0d0d0d;
  --c-surface: #171717;
  --c-surface-2: #222222;
  --c-text: #f2f2f2;
  --c-text-muted: #9a9a9a;
  --c-line: #2e2e2e;
  --c-accent: #c8102e;        /* главный цвет кнопок */
  --c-accent-text: #ffffff;
  --c-open: #e8e8e8;          /* статус «набор открыт» */
  --c-closed: #5c5c5c;        /* статус «набор закрыт» */
  --c-error: #ff6b6b;
  --c-success: #e8e8e8;

  /* шрифты */
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --fs-display: clamp(40px, 13vw, 64px);
  --fs-h1: 28px;
  --fs-h2: 20px;
  --fs-body: 16px;
  --fs-small: 13px;

  /* формы */
  --radius-card: 14px;
  --radius-btn: 12px;
  --radius-input: 10px;
  --radius-sheet: 20px;

  --shadow-sheet: 0 -10px 40px rgba(0, 0, 0, .5);
}