/* =========================================================
   Aziza café & bakery — Design tokens
   Uslub: oq fon, iliq och-kulrang panellar (#F9F8F6),
   qora matn, oltin urg'u (#DCC38B), soyasiz "flat" ko'rinish,
   yumaloq burchaklar (20/28px), Circe shrifti.
   ========================================================= */

/* ---------- Shriftlar (assets/fonts, lokal — internet kerak emas) ---------- */
@font-face {
  font-family: "Circe";
  src: url("../fonts/Circe-Regular.woff2") format("woff2"),
       url("../fonts/Circe-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Circe";
  src: url("../fonts/Circe-Bold.woff2") format("woff2"),
       url("../fonts/Circe-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---------- Oltin shkala (brend urg'usi) ---------- */
  --gold-50:  #FDFBF7;
  --gold-100: #F7F1E4;
  --gold-200: #EEE3CA;
  --gold-300: #E5D5AE;
  --gold-400: #DCC38B;   /* brend oltin */
  --gold-500: #DCC38B;   /* asosiy oltin */
  --gold-600: #C3A768;
  --gold-700: #9E8449;
  --gold-800: #6E5A32;

  /* Tekis "gradient"lar — dizayn flat, shuning uchun bir xil rang.
     Nomlar saqlanib qoldi: komponentlar o'zgarmasdan ishlaydi. */
  --grad-gold: var(--gold-400);
  --grad-gold-soft: var(--bg-soft);
  --grad-gold-line: var(--line);
  --grad-sheen: transparent;

  /* ---------- Neytral ---------- */
  --ink:      #1A1A1A;   /* asosiy matn */
  --ink-80:   #3D3D3D;
  --ink-60:   #6E6E6E;
  --ink-40:   #ACACAC;   /* "inactive" */
  --ink-20:   #D9D9D9;

  --bg:       #FFFFFF;
  --bg-soft:  #F9F8F6;   /* panel / karta foni */
  --bg-tint:  #F3F1ED;
  --bg-dark:  #1A1A1A;
  --line:     #E5E5E5;
  --line-soft:#EFEEEB;

  --danger:   #E0453B;
  --success:  #1E9E63;

  /* ---------- Tipografika ---------- */
  --font-display: "Circe", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: "Circe", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-script: "Circe", -apple-system, BlinkMacSystemFont, sans-serif;

  --fs-hero: clamp(2rem, 1.1rem + 3.4vw, 3.25rem);   /* 52px */
  --fs-h1:   clamp(1.75rem, 1.2rem + 2vw, 2.5rem);   /* 40px */
  --fs-h2:   clamp(1.375rem, 1rem + 1.6vw, 2rem);    /* 32px */
  --fs-h3:   clamp(1.125rem, 1rem + .5vw, 1.375rem); /* 22px */
  --fs-lg:   1.0625rem;
  --fs-md:   0.9375rem;
  --fs-sm:   0.875rem;
  --fs-xs:   0.75rem;

  /* ---------- Masofa ---------- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px; --sp-20: 80px; --sp-24: 96px;

  /* ---------- Radius / soya ---------- */
  --r-xs: 10px; --r-sm: 14px; --r-md: 16px; --r-lg: 20px; --r-xl: 28px; --r-full: 999px;

  /* Dizayn soyasiz — faqat suzuvchi qatlamlarda yengil soya */
  --sh-xs: none;
  --sh-sm: none;
  --sh-md: none;
  --sh-lg: 0 24px 60px rgba(26,26,26,.14);
  --sh-gold: none;

  /* ---------- Layout ---------- */
  --container: 1340px;
  --header-h: 84px;
  --bottomnav-h: 68px;

  --ease: cubic-bezier(.22,.61,.36,1);
  --dur: .22s;
}

@media (max-width: 900px) {
  :root { --header-h: 64px; }
}

/* Harakatni kamaytirish rejimi */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}