/* Tungi zumrad — to'q yashil, oy, oqshom hashamati */

:root {
  --fon: #0F2620;
  --fon-2: #173A31;
  --matn: #E8D9B5;
  --matn-2: #BFB08C;
  --urgu: #D4B26A;
  --urgu-matn: #0F2620;
  --chiziq: #5E6B4A;
  --konvert-fon: #0B1E19;
  --muhr: #D4B26A;
  --shrift-sarlavha: "Cormorant Garamond", Georgia, serif;
  --shrift-ism: "Cormorant Garamond", Georgia, serif;
  --shrift-matn: "Cormorant Garamond", Georgia, serif;
}

body { background-image: url("decor/yulduzlar.svg"); background-size: 220px; }

/* Ismlar katta harflarda, "&" qo'lyozmada */
.ismlar, .konvert-ismlar {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 400;
}
.ismlar { font-size: 40px; }
.konvert-ismlar { font-size: 34px; }
.ampersand { font-family: "Great Vibes", cursive; text-transform: none; letter-spacing: 0; font-size: 1.1em; color: var(--urgu); }
.kutamiz, .taymer-holat { font-family: "Great Vibes", cursive; }

/* Konvert — yulduzli osmon */
.konvert { background-image: url("decor/yulduzlar.svg"); background-size: 200px; }
.konvert::after {
  content: "";
  position: absolute;
  inset: 16px;
  border: 1px solid var(--urgu);
  border-radius: 4px;
  pointer-events: none;
}
.muhr { font-family: "Great Vibes", cursive; color: var(--urgu-matn); }

/* Bosh qism — tepada oy */
.bosh::before {
  content: "";
  display: block;
  width: 150px;
  height: 75px;
  margin: 0 auto 24px;
  background: url("decor/oy.svg") no-repeat center / contain;
}

/* Bo'limlar orasida yulduzli chiziq */
.sahifa > section + section::before {
  content: "";
  display: block;
  width: 220px;
  height: 18px;
  margin: 0 auto 40px;
  background: url("decor/yulduz-chiziq.svg") no-repeat center / contain;
}

.taymer-qism { background: transparent; border-color: var(--urgu); }
.boshqaruv-tugma { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45); }