/* ============================================================
   HitnSpin Polska — Design Tokens
   Палитра снята с логотипа бренда (…/spa-assets/svg/logo.svg)
   + акценты польского флага (белый / красный).
   Меняешь HEX здесь — меняется весь сайт.
   ============================================================ */

:root {
  /* --- Brand core (с логотипа) --- */
  --brand-purple:       #4d0054;  /* основной фиолетовый */
  --brand-purple-deep:  #2e0033;
  --accent:             #d4481f;  /* оранжево-красный CTA */
  --accent-hover:       #ff5000;
  --accent-bright:      #ff8b34;

  /* --- Gold / VIP --- */
  --gold:        #ffc700;
  --gold-deep:   #ffaf00;
  --gold-soft:   #ffe486;
  --cream:       #fff1bc;

  /* --- Red (бренд + польский флаг) --- */
  --red:         #dc1f00;
  --red-deep:    #9f0400;
  --flag-red:    #d4213d;   /* официальный красный флага PL */

  /* --- Polish flag accents --- */
  --flag-white:  #ffffff;

  /* --- Светлая тема (как на сайте-исходнике) --- */
  --bg-base:     #fbf7fd;   /* база body — почти белый с лёгким лавандовым тоном */
  --bg-alt-1:    #f3ecf8;   /* секция-альтернант A (лаванда) */
  --bg-alt-2:    #fdf6ec;   /* секция-альтернант B (крем) */
  --bg-card:     #ffffff;   /* карточки/таблицы */
  --bg-card-2:   #f6eff9;

  /* --- Текст (тёмный на светлом) --- */
  --text:        #271430;
  --text-muted:  #5f5168;
  --text-dim:    #8d7f95;

  /* --- Границы / разделители --- */
  --border:      #e7dcef;
  --border-soft: #f0e8f5;

  /* --- Статусы лояльности --- */
  --status-bronze:   #c98a4b;
  --status-silver:   #d6dde6;
  --status-gold:     #ffc700;
  --status-platinum: #e8f0ff;

  /* --- Семантика --- */
  --pro:  #1f9d57;
  --con:  #d9342b;

  /* --- Градиенты бренда --- */
  --grad-fire:   linear-gradient(135deg, #ff8b34 0%, #d4481f 45%, #9f0400 100%);
  --grad-gold:   linear-gradient(135deg, #ffe486 0%, #ffc700 50%, #ffaf00 100%);
  --grad-purple: linear-gradient(135deg, #4d0054 0%, #2e0033 100%);
  --grad-flag:   linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #d4213d 50%, #d4213d 100%);

  /* --- Типографика --- */
  --font-head: "Trebuchet MS", "Segoe UI", system-ui, sans-serif;
  --font-body: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;

  --fs-h1: clamp(1.9rem, 4.5vw, 3rem);
  --fs-h2: clamp(1.5rem, 3vw, 2.1rem);
  --fs-h3: clamp(1.15rem, 2vw, 1.4rem);
  --fs-body: 1.02rem;
  --fs-small: 0.88rem;

  /* --- Радиусы / тени / отступы --- */
  --radius-sm: 8px;
  --radius:    14px;
  --radius-lg: 22px;

  --shadow-sm: 0 2px 8px rgba(39, 20, 48, .08);
  --shadow:    0 12px 30px rgba(39, 20, 48, .12);
  --shadow-accent: 0 8px 22px rgba(212, 72, 31, .30);
  --shadow-gold:   0 8px 22px rgba(255, 175, 0, .28);

  --container: 1140px;
  --header-h: 70px;
  --gap: clamp(1rem, 3vw, 2.2rem);
}