/* turson — зөвхөн энэ загварын өнгө ба онцлог хэсгүүд.
   Нийтлэг хэсэг: ../assets/base.css */

/* ══════════════════════════════════════════════════════════
   Төрсөн өдрийн урилга — вэб хэв маяг (ягаан шөнө, шаргал-шүрэн)
   ══════════════════════════════════════════════════════════ */

:root{
  /* ── Өнгө: «Гэгээ — хичээлийн хуваарь» сайтын dark горимоос яг хуулсан ── */
  --bg:#1b1030;
  --tint-1:rgba(255,210,138,.20);
  --tint-2:rgba(140,80,220,.30);
  --tint-3:rgba(255,154,212,.20);
  --surface:#271746;
  --surface-2:#32205a;
  --surface-3:#432b74;
  --line:#4a2f79;
  --line-2:#65429e;

  --amber:#ffd28a;
  --pumpkin:#ff9a6c;
  --brand-deep:#f2724a;
  --maple:#b9a6ff;
  --moss:#5fe0c0;
  --plum:#ff9ad4;

  --hero-1:#7b46c9;
  --hero-2:#5a2ea3;
  --hero-3:#3a1a6e;
  --hero-ink:#ffe6c2;
  --hero-ink-2:#f2dcff;

  /* дугтуйн өнгө — дэвсгэр (#1b1030) дээр зөөлөн суудаг өнгө */
  --env-1:#5e3aa8;
  --env-2:#46288a;
  --env-3:#2e1860;

  --ink:#f7f2ff;
  --ink-2:#ded2f0;
  --muted:#a898c6;
  --text:#f7f2ff;

  --shadow-1:0 1px 2px rgba(0,0,0,.40), 0 6px 18px -8px rgba(0,0,0,.60);
  --shadow-2:0 2px 4px rgba(0,0,0,.40), 0 20px 44px -18px rgba(0,0,0,.70);
  --ring:rgba(255,210,138,.55);

  /* хуучин нэрсийг шинэ өнгө рүү холбоно */
  --gold:var(--pumpkin);
  --gold-soft:var(--amber);
  --gold-dim:var(--line);
  --navy:var(--hero-2);
  --navy-deep:var(--bg);
  --cream:var(--hero-ink);
  --card:var(--surface);
  --shadow:var(--shadow-2);
  --radius:22px;
  --serif:"Palatino Linotype","Book Antiqua",Palatino,"Times New Roman",Georgia,serif;
  --sans:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --shadow:0 18px 50px rgba(0,0,0,.45);
  /* Өлзий хээ — шаргал өнгө шигтгээтэй */
  --ulzii-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-9 -9 118 118'%3E%3Cg fill='none' stroke='%23ffd28a' stroke-width='8'%3E%3Cpath d='M0 40H40V0h20v20h20v40H20V40'/%3E%3Cpath d='M0 40H40V0h20v20h20v40H20V40' transform='rotate(90 50 50)'/%3E%3Cpath d='M0 40H40V0h20v20h20v40H20V40' transform='rotate(180 50 50)'/%3E%3Cpath d='M0 40H40V0h20v20h20v40H20V40' transform='rotate(270 50 50)'/%3E%3C/g%3E%3C/svg%3E");

  /* нийтлэг хэв маягт өгөх утгууд */
  --accent:var(--amber);
  --accent-2:var(--pumpkin);
  --scrim:linear-gradient(180deg,rgba(27,16,48,.82),rgba(27,16,48,.60) 30%,rgba(27,16,48,.93));
  --modal-bg:rgba(20,10,38,.94);
  --cover-veil:radial-gradient(70% 50% at 50% 34%,rgba(27,16,48,.06),rgba(27,16,48,.54) 78%),
    linear-gradient(180deg,rgba(27,16,48,.40),rgba(27,16,48,.08) 38%,rgba(27,16,48,.84));
  --cover-kicker:var(--amber);
  --cover-names:#fff4ff;
  --cover-date:rgba(255,230,194,.88);
  --burst-1:rgba(255,248,232,.96);
  --burst-2:rgba(255,154,108,.45);
}

/* ── Насны тэмдэг ── */
.age{
  display:inline-grid;place-items:center;
  width:104px;height:104px;border-radius:50%;margin:0 auto .2rem;
  background:
    radial-gradient(circle at 34% 28%,rgba(255,255,255,.26),transparent 58%),
    linear-gradient(150deg,var(--pumpkin),var(--brand-deep));
  border:2px solid rgba(255,255,255,.32);
  box-shadow:0 12px 28px -12px rgba(242,114,74,.9);
  color:#2c1200;line-height:1;
}

.age b{font-family:var(--serif);font-size:2.3rem;line-height:1}

.age small{
  font-size:.58rem;font-weight:800;letter-spacing:.2em;
  text-transform:uppercase;opacity:.72;margin-top:.15rem;
}

/* ── Конфетти ── */
.confetti{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}

.confetti i{
  position:absolute;top:-12vh;width:8px;height:14px;border-radius:2px;opacity:.8;
  animation:confFall linear infinite;
}

.confetti i:nth-child(1) {left:5%; background:var(--amber);animation-duration:11s;animation-delay:-2s}

.confetti i:nth-child(2) {left:13%;background:var(--plum); animation-duration:14s;animation-delay:-7s}

.confetti i:nth-child(3) {left:21%;background:var(--moss); animation-duration:12s;animation-delay:-4s}

.confetti i:nth-child(4) {left:29%;background:var(--pumpkin);animation-duration:15s;animation-delay:-9s}

.confetti i:nth-child(5) {left:37%;background:var(--maple);animation-duration:10s;animation-delay:-1s}

.confetti i:nth-child(6) {left:45%;background:var(--amber);animation-duration:16s;animation-delay:-12s}

.confetti i:nth-child(7) {left:53%;background:var(--plum); animation-duration:13s;animation-delay:-5s}

.confetti i:nth-child(8) {left:61%;background:var(--moss); animation-duration:11s;animation-delay:-8s}

.confetti i:nth-child(9) {left:69%;background:var(--pumpkin);animation-duration:14s;animation-delay:-3s}

.confetti i:nth-child(10){left:77%;background:var(--maple);animation-duration:12s;animation-delay:-10s}

.confetti i:nth-child(11){left:85%;background:var(--amber);animation-duration:15s;animation-delay:-6s}

.confetti i:nth-child(12){left:93%;background:var(--plum); animation-duration:13s;animation-delay:-11s}

/* бялууны лаа */
.motif--candle{width:96px;height:132px}

.motif--candle .wax{fill:var(--surface-3);stroke:var(--amber);stroke-width:2.6}

.motif--candle .wick{stroke:var(--ink-2);stroke-width:2.6;stroke-linecap:round}

.motif--candle .flame{
  fill:var(--pumpkin);transform-origin:48px 40px;
  filter:drop-shadow(0 0 14px rgba(255,154,108,.85));
  animation:flick 1.6s ease-in-out infinite;
  transition:transform .5s ease,opacity .5s ease;
}

@keyframes flick{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.07,1.13) rotate(2deg)}}

.motif--candle .smoke{fill:none;stroke:rgba(255,255,255,.55);stroke-width:2.4;stroke-linecap:round;
  stroke-dasharray:62;stroke-dashoffset:62;opacity:0}

.motif--candle.is-open .flame{animation:none;transform:scale(.1);opacity:0}

.motif--candle.is-open .smoke{animation:smoke 1.3s ease-out .15s forwards}

@keyframes smoke{
  0%{stroke-dashoffset:62;opacity:.85;transform:translateY(0)}
  100%{stroke-dashoffset:0;opacity:0;transform:translateY(-16px)}
}

@media (prefers-reduced-motion:reduce){.confetti{display:none}}

/* Нүүр хаалганы зураг — зам нь энэ файлаас тоологдоно */
.cover__bg{background-image:url("media/cover.jpg")}

/* ══════════════════════════════════════════════════════════════════
   ПРЕМИУМ давхарга — «Шөнийн хот — бэхэн ягаан, өнгөт гэрлүүд»
   base.css → lux.css → энэ блок.  Доорх утгууд дээрхийг дарна.
   ══════════════════════════════════════════════════════════════════ */
:root{
  --bg:#0a0812;
  --ink:#f2eefa;
  --ink-2:#cec3e3;
  --muted:#867aa1;
  --gold:#c3a0ff;
  --gold-2:#e6d9ff;
  --line:rgba(195,160,255,.22);
  --line-2:rgba(195,160,255,.42);
  --on-gold:#160c26;
  --toast-bg:#150f22;

  --serif:"Unbounded","Segoe UI",system-ui,sans-serif;
  --sans:"Montserrat","Segoe UI",system-ui,Arial,sans-serif;
  --w-display:300;
  --w-sans:400;
  --names-weight:300;

  /* хайрцаг, сүүдэр — бүгд унтраалттай */
  --surface:transparent;
  --surface-2:transparent;
  --surface-3:rgba(128,128,128,.06);
  --radius:0px;
  --shadow-1:none;
  --shadow-2:none;

  /* хуучин нэрсийг шинэ өнгө рүү холбоно (хээ, товчнууд эдгээрийг ашигладаг) */
  --accent:var(--gold);
  --accent-2:var(--gold-2);
  --amber:var(--gold-2);
  --pumpkin:var(--gold);
  --brand-deep:var(--gold);
  --text:var(--ink);
  --cream:var(--ink);
  --gold-soft:var(--gold-2);
  --gold-dim:var(--line);
  --ring:rgba(195,160,255,.42);

  --scrim:linear-gradient(180deg,#0a0812e8,#0a0812c4 32%,#0a0812f7);
  --modal-bg:#0a0812f5;
  --tint-1:rgba(195,160,255,.10);
  --tint-2:transparent;
  --tint-3:transparent;

  --hero-ink:var(--ink);
  --hero-ink-2:var(--muted);
  --hero-name-size:clamp(2.6rem,12vw,4.2rem);

  --cover-names:#ffffff;
  --cover-hint:rgba(255,255,255,.62);
  --cover-skip:rgba(255,255,255,.42);
  --cover-shadow:0 2px 30px rgba(0,0,0,.55);
  --ring-line:rgba(255,255,255,.42);
  --cover-veil:radial-gradient(120% 75% at 50% 40%,transparent 20%,rgba(0,0,0,.58) 80%);
  --cover-veil-2:linear-gradient(180deg,rgba(0,0,0,.45),transparent 28%,transparent 60%,rgba(0,0,0,.72));
}

body{
  background:
    radial-gradient(120% 70% at 50% 120%,rgba(195,160,255,.10),transparent 62%),
    var(--bg);
}

/* Нүүр хаалганы дэвсгэр видео — бичиггүй, зөвхөн хөдөлж буй гэрэл */
.cover__v{filter:brightness(.74) saturate(1.05);transform:scale(1.03)}

/* Энэ загварт дэвсгэр видео байхгүй — зөвхөн өнгө */
.bg__video{display:none}

/* Хуучин загварын өнгө дарж байсан тул нүүр хаалганы бичгийг дахин зарлана */
.gate--cover .cover__kicker{color:var(--gold-2)}
.gate--cover .cover__names{color:var(--cover-names);text-shadow:var(--cover-shadow)}
.gate--cover .cover__date{color:var(--ink-2)}
.gate--cover .gate__hint{color:var(--cover-hint);text-shadow:none}
.gate--cover .gate__skip{color:var(--cover-skip)}

/* Нээгдэх агшин */
.motif--ring.is-open{
  transform:scale(1.35);border-color:transparent;
  transition:transform 1.1s cubic-bezier(.3,.9,.3,1),border-color .9s ease;
}
.motif--ring.is-open b{opacity:0;transition:opacity .6s ease}