/* ============================================================
   ТОКЕНЫ — lookmyvibe.ru, редизайн 2026 (W1)
   Источник: _РЕДИЗАЙН/САЙТ-ДИЗАЙН.md §2.1–2.4. Ничего сверх спеки не добавлено.
   4 темы через html[data-gender][data-mode]. Дефолт: he/night.
   ============================================================ */

:root{
  /* ---- 2.2 Типографика — семейства ---- */
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-head:'Unbounded',var(--font-body);

  /* ---- 2.2 Типографика — ступени ---- */
  --t-display-size:clamp(34px,5.4vw,64px);
  --t-display-line:1.05;
  --t-display-weight:700;

  --t-h2-size:clamp(26px,3.6vw,44px);
  --t-h2-line:1.1;
  --t-h2-weight:700;

  --t-h3-size:20px;
  --t-h3-line:1.3;
  --t-h3-weight:600;

  --t-body-l-size:18px;
  --t-body-l-line:28px;
  --t-body-l-weight:400;

  --t-body-size:16px;
  --t-body-line:24px;
  --t-body-weight:400;

  --t-label-size:15px;
  --t-label-line:20px;
  --t-label-weight:600;
  --t-label-tracking:0.01em;

  --t-caption-size:13px;
  --t-caption-line:18px;
  --t-caption-weight:500;
  --t-caption-tracking:0.02em;

  --t-tag-size:12px;
  --t-tag-line:16px;
  --t-tag-weight:600;
  --t-tag-tracking:0.08em;

  /* ---- 2.3 Сетка, радиусы, слои ---- */
  --container-max:1120px;
  --container-pad:24px;
  --section-pad-y:96px;
  --gap-tag-h2:12px;
  --gap-h2-lead:16px;
  --gap-head-content:40px;

  --r-sm:12px;
  --r-md:20px;
  --r-lg:28px;
  --r-pill:999px;

  --shadow-phone-night:0 24px 80px rgba(0,0,0,.5);
  --shadow-phone-day:0 16px 48px rgba(28,20,36,.18);

  /* ---- 2.4 Motion ---- */
  --dur-instant:120ms;
  --dur-quick:180ms;
  --dur-standard:240ms;
  --dur-enter:320ms;
  --ease-enter:cubic-bezier(.05,.7,.1,1);
  --ease-exit:cubic-bezier(.3,0,.8,.15);

  /* ---- Золото конкурсов — только внутри секции конкурсов, не тема ---- */
  --gold:#D4AF6A;
  --gold-champagne:#E8D5A3;
  --gold-cream:#F2E8D5;
}

/* ================= ОН / НОЧЬ (дефолт) ================= */
html[data-gender="he"][data-mode="night"]{
  --bg:#0A0E11; --surface:#11161B; --surface-2:#182027; --divider:#1F2A32;
  --text:#ECF3F6; --text-2:#8FA0AC; --text-3:#5D6E7A;
  --accent:#25E277; --on-accent:#05130A; --error:#FF5C5C;
  --shadow-phone:var(--shadow-phone-night);
}
/* ================= ОНА / НОЧЬ ================= */
html[data-gender="she"][data-mode="night"]{
  --bg:#0F0914; --surface:#171021; --surface-2:#1F162C; --divider:#281E36;
  --text:#F4EDF7; --text-2:#A08FB0; --text-3:#6E6080;
  --accent:#FF5FB0; --on-accent:#240817; --error:#FF5C5C;
  --shadow-phone:var(--shadow-phone-night);
}
/* ================= ОН / ДЕНЬ ================= */
html[data-gender="he"][data-mode="day"]{
  --bg:#F7FAF8; --surface:#FFFFFF; --surface-2:#EBF1ED; --divider:#DCE5DE;
  --text:#17211B; --text-2:#5E6E64; --text-3:#9BABA1;
  --accent:#0C9D57; --on-accent:#FFFFFF; --error:#D92D3A;
  --shadow-phone:var(--shadow-phone-day);
}
/* ================= ОНА / ДЕНЬ ================= */
html[data-gender="she"][data-mode="day"]{
  --bg:#FAF7FB; --surface:#FFFFFF; --surface-2:#F2ECF4; --divider:#E7DEE9;
  --text:#201826; --text-2:#6D6176; --text-3:#9A8FA3;
  --accent:#E22B8B; --on-accent:#FFFFFF; --error:#D92D3A;
  --shadow-phone:var(--shadow-phone-day);
}

/* ---- Почерк заголовков по роду (2.2) ---- */
html[data-gender="she"] .t-display,
html[data-gender="she"] .t-h2,
html[data-gender="she"] .t-h3{
  text-transform:none; letter-spacing:-0.02em;
}
html[data-gender="he"] .t-display,
html[data-gender="he"] .t-h2,
html[data-gender="he"] .t-h3{
  text-transform:uppercase; letter-spacing:0.02em;
}

@media(max-width:767px){
  :root{ --container-pad:20px; --section-pad-y:64px; }
}