/* ==========================================================================
   UzMakon Market — Design Tokens
   CSS Custom Properties (Variables)
   ========================================================================== */

:root {

  /* ------------------------------------------------------------------
     Colors — Primary
     ------------------------------------------------------------------ */
  --uz-red:             #FD1E1E;
  --uz-red-hover:       #E20A0A;
  --uz-red-light:       #FFECEA;
  --uz-red-light-hover: #FFD9D4;
  --uz-red-border:      #FFD3CE;
  --uz-red-glow:        rgba(253, 30, 30, .6);
  --uz-red-glow-strong: rgba(253, 30, 30, .7);
  --uz-red-glow-extra:  rgba(253, 30, 30, .8);
  --uz-red-16:          rgba(253, 30, 30, .16);
  --uz-red-10:          rgba(253, 30, 30, .10);
  --uz-red-40:          rgba(253, 30, 30, .4);
  --uz-red-55:          rgba(253, 30, 30, .55);
  --uz-red-50:          rgba(253, 30, 30, .5);
  --uz-red-30:          rgba(253, 30, 30, .30);
  --uz-red-62:          rgba(253, 30, 30, .62);
  --uz-red-12:          rgba(253, 30, 30, .12);

  /* ------------------------------------------------------------------
     Colors — Neutrals (Dark)
     ------------------------------------------------------------------ */
  --uz-dark:            #1A1413;
  --uz-dark-86:         rgba(26, 20, 19, .86);
  --uz-dark-08:         rgba(26, 20, 19, .08);
  --uz-dark-05:         rgba(26, 20, 19, .05);
  --uz-dark-18:         rgba(26, 20, 19, .18);
  --uz-dark-20:         rgba(26, 20, 19, .20);
  --uz-dark-25:         rgba(26, 20, 19, .25);
  --uz-dark-30:         rgba(26, 20, 19, .3);

  /* ------------------------------------------------------------------
     Colors — Neutrals (Warm)
     ------------------------------------------------------------------ */
  --uz-cream:           #F7F2EC;
  --uz-cream-82:        rgba(247, 242, 236, .82);
  --uz-cream-96:        rgba(247, 242, 236, .96);
  --uz-sand:            #F1EAE3;
  --uz-border:          #ECE5E0;
  --uz-border-dark:     #E2D8D1;
  --uz-border-topbar:   #463E3A;

  /* ------------------------------------------------------------------
     Colors — Text
     ------------------------------------------------------------------ */
  --uz-text:            #1A1413;
  --uz-text-body:       #5A524D;
  --uz-text-muted:      #9A8F88;
  --uz-text-light:      #AEA59F;
  --uz-text-topbar:     #EAE2DC;
  --uz-text-topbar-alt: #B8AFA8;
  --uz-text-warm:       #C9BFB8;
  --uz-text-stat:       #A99E97;
  --uz-text-category:   #C0564E;
  --uz-text-accent:     #FF8A82;
  --uz-text-green:      #1A8751;
  --uz-text-green-dark: #14623B;

  /* ------------------------------------------------------------------
     Colors — Backgrounds
     ------------------------------------------------------------------ */
  --uz-bg-page:         #F7F2EC;
  --uz-bg-white:        #fff;
  --uz-bg-topbar:       #1A1413;
  --uz-bg-green-light:  #D1FAE5;
  --uz-bg-green:        #16A34A;
  --uz-bg-error-light:  #FEE2E2;

  /* ------------------------------------------------------------------
     Colors — White alpha
     ------------------------------------------------------------------ */
  --uz-white-08:        rgba(255, 255, 255, .08);
  --uz-white-15:        rgba(255, 255, 255, .15);
  --uz-white-18:        rgba(255, 255, 255, .18);
  --uz-white-22:        rgba(255, 255, 255, .22);
  --uz-white-32:        rgba(255, 255, 255, .32);
  --uz-white-80:        rgba(255, 255, 255, .8);

  /* ------------------------------------------------------------------
     Typography — Font Families
     ------------------------------------------------------------------ */
  --uz-font-body:       'Manrope', system-ui, -apple-system, sans-serif;
  --uz-font-heading:    'Unbounded', system-ui, sans-serif;

  /* ------------------------------------------------------------------
     Typography — Font Sizes
     ------------------------------------------------------------------ */
  --uz-text-xs:         10.5px;
  --uz-text-sm:         11px;
  --uz-text-sm2:        11.5px;
  --uz-text-base:       12px;
  --uz-text-base2:      12.5px;
  --uz-text-md:         13px;
  --uz-text-md2:        14px;
  --uz-text-md3:        14.5px;
  --uz-text-lg:         15px;
  --uz-text-lg2:        15.5px;
  --uz-text-xl:         16px;
  --uz-text-xl2:        18px;
  --uz-text-xl3:        19px;
  --uz-text-2xl:        22px;
  --uz-text-3xl:        26px;
  --uz-text-4xl:        30px;

  /* ------------------------------------------------------------------
     Typography — Font Weights
     ------------------------------------------------------------------ */
  --uz-weight-medium:   500;
  --uz-weight-semibold: 600;
  --uz-weight-bold:     700;
  --uz-weight-extrabold:800;

  /* ------------------------------------------------------------------
     Spacing
     ------------------------------------------------------------------ */
  --uz-space-2:         2px;
  --uz-space-3:         3px;
  --uz-space-5:         5px;
  --uz-space-6:         6px;
  --uz-space-7:         7px;
  --uz-space-8:         8px;
  --uz-space-9:         9px;
  --uz-space-10:        10px;
  --uz-space-11:        11px;
  --uz-space-12:        12px;
  --uz-space-13:        13px;
  --uz-space-14:        14px;
  --uz-space-15:        15px;
  --uz-space-16:        16px;
  --uz-space-17:        17px;
  --uz-space-18:        18px;
  --uz-space-20:        20px;
  --uz-space-22:        22px;
  --uz-space-24:        24px;
  --uz-space-26:        26px;
  --uz-space-28:        28px;
  --uz-space-30:        30px;
  --uz-space-32:        32px;
  --uz-space-34:        34px;

  /* ------------------------------------------------------------------
     Border Radius
     ------------------------------------------------------------------ */
  --uz-radius-sm:       7px;
  --uz-radius-md:       10px;
  --uz-radius-md2:      12px;
  --uz-radius-lg:       13px;
  --uz-radius-lg2:      14px;
  --uz-radius-xl:       15px;
  --uz-radius-xl2:      18px;
  --uz-radius-2xl:      20px;
  --uz-radius-3xl:      22px;
  --uz-radius-4xl:      24px;
  --uz-radius-5xl:      28px;
  --uz-radius-hero:     34px;
  --uz-radius-full:     999px;
  --uz-radius-circle:   50%;

  /* ------------------------------------------------------------------
     Shadows
     ------------------------------------------------------------------ */
  --uz-shadow-xs:       0 1px 2px rgba(26, 20, 19, .05);
  --uz-shadow-sm:       0 4px 12px -4px rgba(26, 20, 19, .18);
  --uz-shadow-md:       0 10px 22px -10px rgba(253, 30, 30, .6);
  --uz-shadow-lg:       0 18px 34px -20px rgba(26, 20, 19, .3);
  --uz-shadow-xl:       0 26px 50px -18px rgba(253, 30, 30, .30);
  --uz-shadow-header:   0 4px 20px rgba(26, 20, 19, .08);
  --uz-shadow-mega:     0 30px 60px -20px rgba(26, 20, 19, .3);
  --uz-shadow-hero:     0 40px 90px -40px rgba(26, 20, 19, .6);
  --uz-shadow-card-img: 0 40px 80px -30px rgba(0, 0, 0, .7);
  --uz-shadow-card-img2:0 40px 80px -30px rgba(0, 0, 0, .75);

  /* ------------------------------------------------------------------
     Transitions
     ------------------------------------------------------------------ */
  --uz-ease-default:    .2s ease;
  --uz-ease-bounce:     .4s cubic-bezier(.2, .85, .25, 1);
  --uz-ease-smooth:     .65s cubic-bezier(.2, .8, .2, 1);
  --uz-ease-fast:       .15s ease;

  /* ------------------------------------------------------------------
     Layout
     ------------------------------------------------------------------ */
  --uz-container-max:   1280px;
  --uz-container-pad:   24px;
  --uz-z-overlay:       55;
  --uz-z-mega:          59;
  --uz-z-header:        60;
  --uz-z-drawer:        200;
  --uz-z-drawer-overlay:199;
}