/* Cairo font – self‑hosted WOFF2 */
@font-face {
    font-family: 'Cairo';
    src: url('../fonts/woff2/Cairo-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/woff2/Cairo-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/woff2/Cairo-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/woff2/Cairo-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/woff2/Cairo-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/woff2/Cairo-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/woff2/Cairo-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/woff2/Cairo-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/**
 * AG-DESIGN-TOKENS v7.0
 * Global CSS variables for Revive Thrive – Light Glass UI
 */
:root {
    /* Brand colors */
    --ag-primary:        #6366f1; /* Indigo */
    --ag-primary-soft:   #a5b4fc;
    --ag-accent:         #ec4899; /* Pink */
    --ag-accent-soft:    #f9a8d4;
    --ag-success:        #22c55e;
    --ag-warning:        #f59e0b;
    --ag-danger:         #ef4444;

    /* Neutrals – ألوان فاتحة */
    --ag-bg-body:        #f3f4f6; /* خلفية الموقع الأساسية فاتحة */
    --ag-surface-soft:   rgba(255, 255, 255, 0.9);
    --ag-surface-strong: #ffffff;

    --ag-border-subtle:  rgba(148, 163, 184, 0.35);
    --ag-border-strong:  rgba(100, 116, 139, 0.7);

    --ag-text-main:      #111827; /* نص غامق على خلفية فاتحة */
    --ag-text-on-dark:   #ffffff;
    --ag-text-muted:     #6b7280;

    /* Glass layers */
    --ag-glass-bg-light: rgba(255, 255, 255, 0.96);
    --ag-glass-bg-soft:  rgba(255, 255, 255, 0.7);
    --ag-glass-border:   1px solid rgba(148, 163, 184, 0.35);
    --ag-glass-blur-md:  18px;
    --ag-glass-blur-lg:  28px;

    /* Typography */
    --ag-font-base:      "Cairo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ag-font-size-xs:   0.75rem;
    --ag-font-size-sm:   0.875rem;
    --ag-font-size-md:   1rem;
    --ag-font-size-lg:   1.125rem;
    --ag-font-size-xl:   1.375rem;
    --ag-font-size-2xl:  1.75rem;

    --ag-line-height-tight: 1.2;
    --ag-line-height-md:    1.5;

    --ag-font-weight-normal:   400;
    --ag-font-weight-medium:   500;
    --ag-font-weight-semibold: 600;
    --ag-font-weight-bold:     700;

    /* Spacing scale */
    --ag-space-2:   0.125rem;
    --ag-space-4:   0.25rem;
    --ag-space-6:   0.375rem;
    --ag-space-8:   0.5rem;
    --ag-space-10:  0.625rem;
    --ag-space-12:  0.75rem;
    --ag-space-16:  1rem;
    --ag-space-20:  1.25rem;
    --ag-space-24:  1.5rem;
    --ag-space-32:  2rem;
    --ag-space-40:  2.5rem;
    --ag-space-48:  3rem;

    /* Radii */
    --ag-radius-pill:    999px;
    --ag-radius-lg:      24px;
    --ag-radius-md:      16px;
    --ag-radius-sm:      10px;

    /* Shadows (خفيفة تناسب الخلفية الفاتحة) */
    --ag-shadow-soft:    0 10px 25px rgba(15, 23, 42, 0.08);
    --ag-shadow-strong:  0 22px 45px rgba(15, 23, 42, 0.16);
    --ag-shadow-glow:    0 18px 40px rgba(99, 102, 241, 0.35);

    /* Layout constraints */
    --ag-container-max:          1200px;
    --ag-header-height-desktop:  88px;
    --ag-header-height-mobile:   70px;
}

/* Base body */
body {
    background-color: var(--ag-bg-body);
    color: var(--ag-text-main);
    font-family: var(--ag-font-base);
    font-size: var(--ag-font-size-md);
    line-height: var(--ag-line-height-md);
}

/* Global container helper */
.ag-container {
    width: 100%;
    max-width: var(--ag-container-max);
    margin-inline: auto;
    padding-inline: var(--ag-space-16);
}

/* Product titles – شوب (لون غامق على الخلفية الفاتحة) */
.ag-product-title,
.ag-product-card .woocommerce-loop-product__title {
    font-weight: 500;
    color: var(--ag-text-main);
}