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

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

:root{
  /* ── Өнгө: «Гэгээ — хичээлийн хуваарь» сайтын dark горимоос яг хуулсан ── */
  --bg:#14120d;
  --tint-1:rgba(212,175,90,.18);
  --tint-2:rgba(120,98,48,.22);
  --tint-3:rgba(80,64,34,.18);
  --surface:#1e1b14;
  --surface-2:#282318;
  --surface-3:#37301f;
  --line:#413925;
  --line-2:#5c5133;

  --amber:#e9cf95;
  --pumpkin:#d4af5a;
  --brand-deep:#b8912f;
  --maple:#c9b57e;
  --moss:#8fb98a;
  --plum:#c9a3b8;

  --hero-1:#5d4d26;
  --hero-2:#3b3218;
  --hero-3:#211c0e;
  --hero-ink:#f6e6bd;
  --hero-ink-2:#e3d1a4;

  /* дугтуйн өнгө — дэвсгэр (#14120d) дээр зөөлөн суудаг өнгө */
  --env-1:#4a3f20;
  --env-2:#352d17;
  --env-3:#221d0f;

  --ink:#f6f0e2;
  --ink-2:#ded3ba;
  --muted:#a3977c;
  --text:#f6f0e2;

  --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(212,175,90,.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='%23e9cf95' 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(20,18,13,.84),rgba(20,18,13,.64) 30%,rgba(20,18,13,.94));
  --modal-bg:rgba(16,14,10,.95);
  --cover-veil:radial-gradient(70% 50% at 50% 34%,rgba(20,18,13,.06),rgba(20,18,13,.58) 78%),
    linear-gradient(180deg,rgba(20,18,13,.44),rgba(20,18,13,.10) 38%,rgba(20,18,13,.88));
  --cover-kicker:var(--amber);
  --cover-names:#fbf4e2;
  --cover-date:rgba(233,207,149,.88);
  --burst-1:rgba(255,250,236,.96);
  --burst-2:rgba(212,175,90,.45);
}

/* ── Ойн тэмдэг ── */
.jubilee{
  display:inline-grid;place-items:center;
  width:118px;height:118px;border-radius:50%;margin:0 auto .1rem;
  background:
    radial-gradient(circle at 34% 28%,rgba(255,255,255,.22),transparent 58%),
    linear-gradient(150deg,var(--amber),var(--brand-deep));
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 12px 30px -14px rgba(212,175,90,.9),0 0 0 6px rgba(212,175,90,.09);
  color:#241c05;line-height:1;
}

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

.jubilee small{
  font-size:.56rem;font-weight:800;letter-spacing:.22em;
  text-transform:uppercase;opacity:.72;margin-top:.2rem;
}

.years{
  margin:.9rem 0 .2rem;font-family:var(--serif);
  font-size:1rem;letter-spacing:.3em;color:var(--hero-ink-2);
}

/* алтан медаль */
.motif--med{width:128px;height:128px;animation:coverUp .9s ease .75s backwards,medFloat 5.5s ease-in-out 1.7s infinite}

@keyframes medFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

.motif--med .med{fill:none;stroke:var(--amber);stroke-width:3;
  filter:drop-shadow(0 0 10px rgba(233,207,149,.55))}

.motif--med .med--in{stroke-width:1.4;opacity:.6}

.motif--med .med__u{color:var(--amber)}

.motif--med svg{transition:transform 1s cubic-bezier(.3,1.2,.4,1)}

.motif--med.is-open{animation:none}

.motif--med.is-open svg{transform:rotate(360deg) scale(1.1)}

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

/* ══════════════════════════════════════════════════════════════════
   ПРЕМИУМ давхарга — «Хас ногоон танхим — лааны алтан гэрэл»
   base.css → lux.css → энэ блок.  Доорх утгууд дээрхийг дарна.
   ══════════════════════════════════════════════════════════════════ */
:root{
  --bg:#07110d;
  --ink:#f2efe3;
  --ink-2:#ccd3c4;
  --muted:#7b8878;
  --gold:#c9ab63;
  --gold-2:#e6d3a1;
  --line:rgba(201,171,99,.24);
  --line-2:rgba(201,171,99,.44);
  --on-gold:#0d1a12;
  --toast-bg:#0d1812;

  --serif:"Literata",Georgia,"Times New Roman",serif;
  --sans:"Inter","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(201,171,99,.44);

  --scrim:linear-gradient(180deg,#07110de8,#07110dc4 32%,#07110df7);
  --modal-bg:#07110df5;
  --tint-1:rgba(201,171,99,.09);
  --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(201,171,99,.09),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}