/* ===== ШРИФТ ЛОГОТИПА ===== */
@font-face {
  font-family: 'HighBillionSans';
  src: url('../../assets/fonts/HighBillionSans.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ===== ДИЗАЙН-СИСТЕМА SHUKRAN UAE ===== */
:root {
  /* --- Фоны --- */
  --ink:        #0D0B09;
  --ink-soft:   #1C1108;
  --ink-amber:  #2A1A0A;
  --sand:       #F5EFE4;
  --sand-deep:  #E8D5B0;

  /* --- Акцент (бордовый) --- */
  --maroon:       #890716;
  --maroon-light: #a8091c;
  --maroon-deep:  #5c0510;

  /* --- Золотой с логотипа (PP монограм) — единственный золотой на сайте --- */
  --logo-gold:      #C9A254;
  --logo-gold-line: rgba(201, 162, 84, 0.12);
  --logo-gold-glow: rgba(201, 162, 84, 0.35);

  /* --- Текст --- */
  --brown-deep: #5C3A0E;
  --maroon-line:        rgba(137, 7, 22, 0.2);
  --maroon-line-solid:  rgba(137, 7, 22, 0.5);
  --maroon-line-dim:    rgba(137, 7, 22, 0.3);
  --maroon-line-subtle: rgba(137, 7, 22, 0.05);
  --maroon-line-soft:   rgba(137, 7, 22, 0.15);

  /* --- Оверлеи ink --- */
  --ink-nav:    rgba(13, 11, 9, 0.85);    /* nav backdrop-blur фон */
  --ink-hero:   rgba(13, 11, 9, 0.92);    /* hero overlay низ */
  --ink-mid:    rgba(13, 11, 9, 0.50);    /* hero overlay верх */
  --ink-soft-overlay: rgba(13, 11, 9, 0.35); /* hero overlay середина */

  /* --- Свечения и тени --- */
  --maroon-glow:  rgba(137, 7, 22, 0.5);
  --shadow-float: rgba(0, 0, 0, 0.4);     /* тень floating button */

  /* --- Состояния --- */
  --error:      #e07070;                  /* цвет ошибки формы */

  /* --- Типографика: семейства (2 шрифта на сайт) --- */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-arabic:  'Amiri', serif;

  /* --- Типографика: единая шкала --- */
  --text-h2:     clamp(28px, 4vw, 52px);
  --text-h3:     clamp(20px, 2.2vw, 28px);
  --text-body:   clamp(14px, 1.4vw, 17px);
  --text-label:  12px;
  --text-button: 13px;
  --ls-label:    0.35em;
  --ls-button:   0.3em;
  --ls-num:      0.4em;

  /* --- Сетка --- */
  --gap:   clamp(24px, 4vw, 80px);
  --max-w: 1440px;
  --pad-x: clamp(20px, 5vw, 100px);

  /* --- Spacing-ритм --- */
  --sp-section:     clamp(40px, 5vw, 72px);
  --sp-section-mob: clamp(20px, 4vw, 36px);
  --sp-card:        clamp(28px, 3vw, 44px);
  --sp-card-mob:    24px;
  --sp-card-gap:    1px;
  --sp-inner:       clamp(20px, 3vw, 32px);

  /* --- Переходы --- */
  --ease-gold:    cubic-bezier(0.4, 0, 0.2, 1);
  --ease-reveal:  cubic-bezier(0.05, 0, 0.1, 1);

  /* --- Светлая тема (контентные секции) --- */
  --bg:               #FFFFFF;
  --bg-soft:          #F7F4F0;
  --bg-card:          #FFFFFF;
  --text:             #111111;
  --text-mid:         #5C4A36;
  --text-muted:       rgba(17, 17, 17, 0.65); /* ≥4.5:1 на белом: ~#5F5F5F */
  --on-dark:          #FFFFFF;
  --on-dark-mid:      rgba(255, 255, 255, 0.75);
  --on-dark-dim:      rgba(255, 255, 255, 0.45);
  --line-light:       rgba(17, 17, 17, 0.1);
  --line-light-solid: rgba(17, 17, 17, 0.22);

  /* --- Брейкпоинты (только для JS) --- */
  --bp-mobile:  767;
  --bp-tablet:  1023;

  /* --- Pheromones Collection --- */
  --pher-text-back:  rgba(245, 239, 228, 0.65);
  --pher-bg-overlay: rgba(201, 162, 84, 0.12);

  /* --- Карточки Pheromones: светлая тема --- */
  --pher-card-bg:     var(--bg-soft);   /* #F7F4F0 */
  --pher-card-border: var(--line-light);
  --pher-card-text:   var(--text);      /* #111111 */
  --pher-card-text-mid: var(--text-mid); /* #5C4A36 */
}