/* ==========================================================================
   theme.css — фирменные переменные Medisson Lounge
   --------------------------------------------------------------------------
   ВСЕ цвета, шрифты и базовые отступы заданы здесь как CSS custom properties.
   Чтобы перебрендировать сайт — меняем только этот файл.
   --------------------------------------------------------------------------
   Источник палитры: _research/brand-summary.md (выжимка из Branding.pdf).
   Палитра по RAL: 1012 / 1015 / 9005 / 7040.
   ========================================================================== */

/* ----- Шрифты бренда (локально, без CDN) ---------------------------------- */

@font-face {
  font-family: 'Manrope';
  src: url('../assets/fonts/Manrope-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../assets/fonts/Manrope-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../assets/fonts/Manrope-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../assets/fonts/Manrope-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  /* В бренд-архиве нет Bold; используем ExtraBold, чтобы не ловить 404. */
  src: url('../assets/fonts/Manrope-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../assets/fonts/Manrope-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bebas Neue';
  src: url('../assets/fonts/BebasNeue-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bebas Neue';
  src: url('../assets/fonts/BebasNeue-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Higuen';
  src: url('../assets/fonts/Higuen-Serif.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ----- CSS-переменные ----------------------------------------------------- */

:root {
  /* Фирменная палитра (RAL 1012 / 1015 / 9005 / 7040) */
  --c-gold-strong: #f0d48a;    /* яркий светлый золотой для градиентного текста */
  --c-gold:        #d1b066;
  --c-gold-soft:   #b89651;   /* приглушённый, для нажатого состояния */
  --c-gold-glow:   rgba(209, 176, 102, 0.18);
  --c-cream:      #fff2d9;
  --c-black:      #333130;     /* фирменный «уголь», НЕ pure black */
  --c-black-deep: #1a1918;     /* для наложений и теней */
  --c-silver:     #a7a6a7;
  --c-silver-soft:#6b6968;     /* затемнённый, для второстепенного текста */

  /* Семантические алиасы — используем ТОЛЬКО их в layout/components.css */
  --color-bg:           var(--c-black);
  --color-bg-elevated:  rgba(255, 242, 217, 0.04);  /* поверхность карточки */
  --color-bg-deep:      var(--c-black-deep);
  --color-text:         var(--c-cream);
  --color-text-muted:   var(--c-silver);
  --color-text-dim:     var(--c-silver-soft);
  --color-accent:       var(--c-gold);
  --color-accent-soft:  var(--c-gold-soft);
  --color-divider:      rgba(209, 176, 102, 0.22);
  --color-border:       rgba(255, 242, 217, 0.08);

  /* Типографика */
  --font-display: 'Bebas Neue', 'Manrope', system-ui, sans-serif;
  --font-decor:   'Higuen', Georgia, 'Times New Roman', serif;
  --font-body:    'Manrope', system-ui, -apple-system, BlinkMacSystemFont,
                   'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Размеры — модульная шкала, growth ratio 1.2 */
  --fs-xs:   0.75rem;     /* 12px */
  --fs-sm:   0.875rem;    /* 14px */
  --fs-base: 1rem;        /* 16px */
  --fs-md:   1.125rem;    /* 18px */
  --fs-lg:   1.375rem;    /* 22px */
  --fs-xl:   1.75rem;     /* 28px */
  --fs-2xl:  2.25rem;     /* 36px */
  --fs-3xl:  3rem;        /* 48px */
  --fs-4xl:  4rem;        /* 64px */

  /* Отступы — кратные 4px */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-7:  2rem;
  --sp-8:  2.5rem;
  --sp-9:  3rem;
  --sp-10: 4rem;

  /* Скругления */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  /* Прочее */
  --container-max: 1280px;
  --transition-fast: 120ms cubic-bezier(.2, .8, .2, 1);
  --transition-med:  220ms cubic-bezier(.2, .8, .2, 1);
  --shadow-soft:  0 1px 0 rgba(255, 242, 217, 0.04) inset,
                  0 8px 24px -16px rgba(0, 0, 0, 0.6);
  --shadow-pop:   0 12px 28px -10px rgba(0, 0, 0, 0.8),
                  0 0 0 1px rgba(209, 176, 102, 0.18) inset;

  /* Тач-таргеты — минимум 44px */
  --tap-min: 44px;

  /* Анимация фокус-кольца */
  --focus-ring: 0 0 0 3px var(--c-gold-glow);

  color-scheme: dark;
}