/* ═══════════════════════════════════════════════
   Abu Osama Store — Design Tokens
   ═══════════════════════════════════════════════ */
:root {
    /* ── Colors ── */
    --aos-bg:            #F8F5F2;
    --aos-bg-alt:        #EADFD7;
    --aos-bg-card:       #FFFFFF;
    --aos-bg-overlay:    rgba(248, 245, 242, 0.95);
    --aos-surface:       #F0EBE5;
    --aos-border:        #E5DDD4;
    --aos-border-light:  #F0EBE5;

    --aos-primary:       #C89B6D;
    --aos-primary-dark:  #B5885A;
    --aos-primary-light: #DDB88A;
    --aos-primary-bg:    rgba(200, 155, 109, 0.08);

    --aos-text:          #2C2520;
    --aos-text-secondary:#6B5E52;
    --aos-text-muted:    #9B8E82;
    --aos-text-inverse:  #FFFFFF;

    --aos-success:       #4CAF50;
    --aos-warning:       #F5A623;
    --aos-danger:        #E74C3C;
    --aos-info:          #5B9BD5;

    --aos-sale:          #E74C3C;
    --aos-featured:      #C89B6D;
    --aos-star:          #F5A623;

    /* ── Typography ── */
    --aos-ff:            'Cairo', 'Tajawal', sans-serif;
    --aos-ff-heading:    'Cairo', sans-serif;

    --aos-fs-xs:         0.75rem;
    --aos-fs-sm:         0.875rem;
    --aos-fs-base:       1rem;
    --aos-fs-md:         1.125rem;
    --aos-fs-lg:         1.25rem;
    --aos-fs-xl:         1.5rem;
    --aos-fs-2xl:        2rem;
    --aos-fs-3xl:        2.5rem;
    --aos-fs-4xl:        3rem;

    --aos-fw-light:      300;
    --aos-fw-regular:    400;
    --aos-fw-medium:     500;
    --aos-fw-semibold:   600;
    --aos-fw-bold:       700;
    --aos-fw-extrabold:  800;

    --aos-lh:            1.7;
    --aos-lh-heading:    1.3;

    /* ── Spacing ── */
    --aos-space-xs:      0.25rem;
    --aos-space-sm:      0.5rem;
    --aos-space-md:      1rem;
    --aos-space-lg:      1.5rem;
    --aos-space-xl:      2rem;
    --aos-space-2xl:     3rem;
    --aos-space-3xl:     4rem;
    --aos-space-4xl:     6rem;

    /* ── Radius ── */
    --aos-radius-sm:     6px;
    --aos-radius-md:     10px;
    --aos-radius-lg:     16px;
    --aos-radius-xl:     24px;
    --aos-radius-full:   9999px;

    /* ── Shadows ── */
    --aos-shadow-sm:     0 1px 3px rgba(44,37,32,0.06);
    --aos-shadow-md:     0 4px 12px rgba(44,37,32,0.08);
    --aos-shadow-lg:     0 8px 30px rgba(44,37,32,0.12);
    --aos-shadow-xl:     0 16px 50px rgba(44,37,32,0.16);
    --aos-shadow-glow:   0 0 30px rgba(200,155,109,0.25);

    /* ── Transitions ── */
    --aos-ease:          cubic-bezier(0.4, 0, 0.2, 1);
    --aos-duration:      0.3s;
    --aos-duration-slow: 0.5s;

    /* ── Layout ── */
    --aos-container:     1320px;
    --aos-header-h:      72px;
    --aos-topbar-h:      40px;
    --aos-mobile-nav-h:  64px;

    /* ── Z-Index ── */
    --aos-z-dropdown:    100;
    --aos-z-header:      200;
    --aos-z-overlay:     300;
    --aos-z-modal:       400;
    --aos-z-toast:       500;
    --aos-z-mobile-nav:  600;
}