/* ============================================================
   re:premium — design tokens
   Источник бренда: репликация живого сайта repremium.ru
   Структура/принципы: Apple Human Interface Guidelines
   Шрифты: Manrope (body), Bounded (display)
   ============================================================ */
:root{
  /* —— COLOR · текст (ink) —— */
  --color-ink:        #111111; /* основной текст */
  --color-ink-2:      #6a6a6a; /* вторичный */
  --color-ink-3:      #9291a1; /* третичный/placeholder */
  --color-on-action:  #ffffff;
  --color-on-dark:    #f9f9fb;

  /* —— COLOR · поверхности —— */
  --color-canvas:     #f9f9fb; /* фон страницы */
  --color-surface:    #ffffff; /* карточки/панели */
  --color-surface-2:  #f1f1f4; /* подложка */
  --color-line:       #c7c6cc; /* границы/разделители */

  /* —— COLOR · бренд-акценты —— */
  --color-action:     #e81717; /* ОСНОВНОЙ CTA (красный) */
  --color-action-600: #c81212; /* hover/pressed */
  --color-action-tint:#fde7e9; /* мягкая красная подложка */
  --color-accent:     #6f42f5; /* фиолетовый акцент (ссылки, выделение) */
  --color-accent-tint:#efeaff;
  --color-warm-tint:  #ffefe6; /* тёплая подложка hero-карточек */

  /* —— COLOR · тёмные поверхности (футер/тёмные секции) —— */
  --color-dark:       #1e1b35;
  --color-dark-2:     #121020;
  --color-navy:       #262343;

  /* —— COLOR · статусы (выведены под бренд, согласовать) —— */
  --color-success:    #1faa59;
  --color-warning:    #f5a623;
  --color-danger:     #e81717;

  /* —— TYPOGRAPHY —— */
  --font-sans:    "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display: "Bounded", "Manrope", var(--font-sans);
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700; --fw-extrabold:800;
  /* шкала (по мотивам Apple type scale) */
  --text-caption:12px; --text-footnote:13px; --text-subhead:14px;
  --text-body:16px;    --text-callout:18px;  --text-title3:20px;
  --text-title2:24px;  --text-title1:32px;   --text-large:40px;
  --text-display:56px;
  --lh-tight:1.1; --lh-snug:1.25; --lh-normal:1.5;

  /* —— RADIUS (мягкая геометрия repremium) —— */
  --radius-xs:8px; --radius-sm:12px; --radius-md:16px;
  --radius-lg:24px; --radius-xl:32px; --radius-pill:9999px;

  /* —— SPACING · 8pt grid (Apple) —— */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:24px; --space-6:32px; --space-8:48px; --space-10:64px;

  /* —— ELEVATION —— */
  --shadow-sm:0 2px 8px rgba(17,17,17,.06);
  --shadow-md:0 8px 30px rgba(17,17,17,.10);
  --shadow-lg:0 20px 60px rgba(17,17,17,.14);

  /* —— CONTROL (Apple: hit-area ≥44px) —— */
  --control-h:48px; --control-h-sm:40px; --hit-min:44px;
  --dur-fast:.15s; --dur-base:.22s; --ease:cubic-bezier(.4,0,.2,1);
}