/*
  Единая палитра/типографика/тайминги проекта «Стиль — твой шаг по жизни».
  Главная страница использует тёмный космос (--*-dark ниже).
  Внутренние страницы сайта (следующие этапы) подключат этот же файл
  и переопределят только цветовые токены на более светлый вариант той же
  палитры через [data-theme="light"] — без бежевых оттенков. Шрифты,
  тайминги и радиусы кнопки остаются общими для всего сайта.
*/

:root {
  /* ---- фон: тёмный космос ---- */
  --bg-deep: #05061a;
  --bg-mid: #0d1033;
  --bg-violet: #2a1f52;
  --bg-gradient:
    radial-gradient(140% 70% at 50% 0%, var(--bg-violet) 0%, transparent 62%),
    linear-gradient(180deg,
      var(--bg-deep) 0%,
      var(--bg-mid) 17%,
      #170f30 30%,
      #241733 41%,
      #3a1f31 51%,
      #6b3120 62%,
      #a3591f 73%,
      #d38c2f 84%,
      #f2bb5c 93%,
      #ffdf98 100%
    );

  /* ---- акценты: золото / серебро (бежевый исключён) ---- */
  --accent-gold: #e3bd67;
  --accent-gold-strong: #f0cc7d;
  --accent-silver: #c3cbe6;
  --glow-gold: rgba(227, 189, 103, 0.45);
  --glow-silver: rgba(195, 203, 230, 0.32);

  /* ---- текст ---- */
  --text-primary: #f4f2fb;
  --text-muted: #a8a6c9;
  --text-faint: #6f6c98;

  /* ---- силуэт ---- */
  --silhouette-fill-top: #6a58b8;
  --silhouette-fill-bottom: #241a4d;
  --silhouette-glow: rgba(227, 189, 103, 0.4);

  /* ---- типографика ---- */
  --font-display: 'Cormorant Garamond', 'Playfair Display', serif;
  --font-body: 'Montserrat', 'Segoe UI', sans-serif;

  --fs-h1: clamp(2.4rem, 5vw, 4.2rem);
  --fs-h2: clamp(1.8rem, 3.4vw, 2.6rem);
  --fs-body: clamp(0.95rem, 1.1vw, 1.05rem);
  --fs-small: 0.8rem;

  --tracking-wide: 0.14em;
  --tracking-wider: 0.28em;

  /* ---- тайминги / easing (общие для всех интерактивных элементов сайта) ---- */
  --ease-btn: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-soft: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-outfit: 420ms;
  --dur-reveal: 700ms;
  --dur-fast: 180ms;

  --radius-rect: 30px;
  --radius-pill: 50px;

  /* ---- кнопка: тёплая золотисто-коричневая поверхность, единая для всего
     сайта независимо от темы страницы (см. button-3d.css) — текст тёмный,
     т.к. поверхность теперь светлая/золотая, а не тёмно-фиолетовая ---- */
  --btn-text: #2b1706;

  /* ---- золото для текста на светлом фоне: --accent-gold/-strong подобраны для
     тёмного космоса и на светлых внутренних страницах не проходят по контрасту
     (буквально сливаются с фоном) — этот токен темнее, читается на белом/светлом ---- */
  --accent-gold-ink: #96701d;
}

/*
  Светлая версия той же палитры — для внутренних страниц (не главной).
  Те же имена переменных, те же акценты (золото/серебро), бежевый исключён.
*/
:root[data-theme="light"] {
  /* тёплый золотисто-закатный фон — тот же тон, что нижняя половина
     главной страницы, растянутый на всю внутреннюю страницу вместо
     прежнего холодного сиреневого варианта (по просьбе пользователя) */
  --bg-deep: #fdf2df;
  --bg-mid: #f8e2b8;
  --bg-violet: #f0cd92;
  --bg-gradient: radial-gradient(120% 100% at 50% 0%, var(--bg-violet) 0%, var(--bg-mid) 45%, var(--bg-deep) 100%);

  --accent-silver: #7b74a8;
  --glow-silver: rgba(123, 116, 168, 0.28);

  --text-primary: #201a3d;
  /* ещё темнее — пользователь дважды просил усилить контраст; теперь
     почти на уровне text-primary, но чуть светлее для сохранения иерархии */
  --text-muted: #302a4d;
  --text-faint: #8e88ad;

  /* золото-чернила потемнее обычного --accent-gold-ink — на тёплом
     золотистом фоне (а не холодном сиреневом) более светлый вариант
     сливался по контрасту */
  --accent-gold-ink: #7a5710;
}