/* =========================================================
   TUGMALAR — saytning umumiy tugma tizimi

   Bu fayl ilgari `06-kirish.css` deb atalardi va ichida kirish
   bo'limining hamma uslubi turardi: rozilik katagi, bosqichlar,
   telefon maydoni, kod maydoni, xabarlar, kutish nuqtalari.

   Kirish alohida sahifaga ko'chirilgach (templates/core/kirish.html,
   uslubi o'sha faylning ichida) ularning hammasi keraksiz qoldi va
   olib tashlandi. Qolgani — `.tugma` oilasi, u kirishga emas,
   BUTUN SAYTGA tegishli: peshtoq, bo'limlar, 404 va 500 sahifalari
   shu sinflardan foydalanadi. Shuning uchun fayl nomi ham
   mazmuniga moslandi.

   Raqami (06) o'zgarmadi: yuklanish tartibi muhim va boshqa
   fayllarni surib qo'ymaslik kerak.
   ========================================================= */

.tugma{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:0 26px;
  border:1px solid transparent;border-radius:var(--r-md);
  font-family:var(--font-ui);font-size:.97rem;font-weight:700;
  text-decoration:none;cursor:pointer;
  transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),
             transform var(--dur-fast) var(--ease),border-color var(--dur) var(--ease),
             color var(--dur) var(--ease);
}
.tugma:active{transform:translateY(1px)}
.tugma[disabled]{opacity:.55;pointer-events:none}
.tugma--keng{width:100%}

.tugma--jez{background:var(--accent);color:#1B1204;box-shadow:var(--sh-md)}
.tugma--jez:hover{background:var(--accent-hover);box-shadow:var(--sh-lg)}
.tugma--navy{background:var(--brand);color:var(--txt-on-brand);box-shadow:var(--sh-md)}
.tugma--navy:hover{background:var(--brand-hover);box-shadow:var(--sh-lg)}
/* To'q fonda chiziqli tugma */
.tugma--yorug{background:transparent;color:var(--law-parch-50);border-color:rgba(221,188,133,.42)}
.tugma--yorug:hover{background:rgba(221,188,133,.12);border-color:var(--law-brass-300)}
.tugma--chiziq{background:transparent;color:var(--txt-primary);border-color:var(--line-strong)}
.tugma--chiziq:hover{border-color:var(--accent);color:var(--txt-accent);background:var(--accent-soft)}