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

:root {
  /* --- Brand core (с логотипа, jewel — глубже/насыщеннее) --- */
  --brand-purple:       #45004e;  /* основной фиолетовый (углублён) */
  --brand-purple-deep:  #23002a;
  --accent:             #d4481f;  /* оранжево-красный CTA */
  --accent-hover:       #ff5000;
  --accent-bright:      #ff8b34;

  /* --- Wine / jewel-акцент --- */
  --wine:        #9e1b3f;   /* ювелирный малиновый */
  --wine-deep:   #6e0f2c;

  /* --- Gold / VIP (богаче) --- */
  --gold:        #ffc400;
  --gold-deep:   #f0a200;
  --gold-soft:   #ffe07a;
  --cream:       #fff0b0;

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

  /* --- Hungarian flag accents (красный / белый / зелёный) --- */
  --flag-green:  #436f4d;   /* официальный зелёный флага Венгрии */
  --flag-black:  #436f4d;   /* слот «тёмного» акцента → зелёный (белого на свету избегаем) */
  --flag-white:  #ffffff;   /* нейтральный (бейдж 18+ на тёмном фоне) */

  /* --- Светлая тема (jewel — насыщеннее) --- */
  --bg-base:     #faf5fc;   /* база body — почти белый с лавандовым тоном */
  --bg-alt-1:    #efe5f7;   /* секция-альтернант A (насыщ. лаванда) */
  --bg-alt-2:    #fbf1e4;   /* секция-альтернант B (тёплый крем) */
  --bg-card:     #ffffff;   /* карточки/таблицы */
  --bg-card-2:   #f2e8f8;

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

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

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

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

  /* --- Градиенты бренда (jewel) --- */
  --grad-fire:   linear-gradient(135deg, #ff8b34 0%, #d4481f 45%, #9f0400 100%);
  --grad-gold:   linear-gradient(135deg, #ffe07a 0%, #ffc400 55%, #f0a200 100%);
  --grad-purple: linear-gradient(135deg, #45004e 0%, #23002a 100%);
  /* ювелирная диагональ золото→вино→фиолет (полоса H2, маркеры списков) */
  --grad-jewel:  linear-gradient(135deg, #ffc400 0%, #9e1b3f 58%, #45004e 100%);
  /* вертикальная полоса перед H2 (на светлом фоне): красный→зелёный без белого (белый на свету не виден) */
  --grad-flag:   linear-gradient(180deg, #cd2a3e 0%, #cd2a3e 50%, #436f4d 50%, #436f4d 100%);
  /* горизонтальный триколор Венгрии для тонких полос (хедер/футер/hero/подчёркивания) */
  --grad-flag-h: linear-gradient(90deg, #cd2a3e 0%, #cd2a3e 33.33%, #ffffff 33.33%, #ffffff 66.66%, #436f4d 66.66%, #436f4d 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: 6px;
  --radius:    11px;
  --radius-lg: 18px;
  --radius-asym: 18px 4px 18px 4px;  /* асимметричное скругление карточек/блоков */

  --shadow-sm: 0 3px 10px rgba(17, 17, 17, .10);
  --shadow:    0 16px 38px rgba(17, 17, 17, .16);
  --shadow-accent: 0 9px 24px rgba(221, 0, 0, .28);
  --shadow-gold:   0 9px 24px rgba(255, 175, 0, .30);

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