:root{
--color-white:#ffffff;
--color-navy:#0b3a6b;
--color-navy-deep:#0d3560;
--color-navy-muted:#3c5f8a;
--color-blue:#1e6fd0;
--color-blue-dark:#175cb0;
--color-blue-owned:#2f7fd0;
--color-note-1:#1e5fb4;
--color-note-2:#2f86dc;
--color-note-3:#4aa0ec;
--color-note-4:#174f98;
--color-sky:#3b9aef;
--color-sky-bright:#5bb0f5;
--color-light:#9ccbf5;
--color-surface:#eaf4fc;
--color-surface-soft:#f5f3f2;
--color-surface-tint:#dcecfb;
--color-surface-pkg:#d7e9fa;
--color-surface-chip:#eaf2fb;
--color-surface-nav:#f6faff;
--color-footer-bg:#F8FcFF; 
--color-bg-light:#F1FAFF;
--color-text:#14213d;
--color-text-soft:#3b4a63;
--color-text-quote:#4a5a73;
--color-muted:#7b8794;
--color-muted-light:#c3ccd6;
--color-hero-text:#b9cbe0;
--color-line:#cfe3f5;
--color-line-soft:#e3edf7;
--color-line-nav:#eef2f6;
--color-green:#2e9e5b;
--color-green-border:#4cb87a;
--color-green-surface:#f4fbf7;
--color-green-img:#c9f0d6;
--color-green-btn:#e6f7ec;
--color-red:#e04848;
--color-whatsapp:#25d366;
--color-overlay-light:rgba(255,255,255,.22);
--color-overlay-dark:rgba(11,58,107,.14);
--color-overlay-bar:rgba(255,255,255,.65);
--color-shadow-xs:rgba(11,58,107,.06);
--color-shadow-sm:rgba(11,58,107,.07);
--color-shadow-md:rgba(11,58,107,.18);
--color-shadow-float:rgba(0,0,0,.2);
--color-border-gray: #EEEEEE;

--font-family:'IBM Plex Sans Arabic',sans-serif;
--fw-regular:400;
--fw-medium:500;
--fw-semibold:600;
--fw-bold:700;
--fs-8:8px;
--fs-10:10px;
--fs-11:11px;
--fs-12:12px;
--fs-13:13px;
--fs-14:14px;
--fs-15:15px;
--fs-16:16px;
--fs-17:17px;
--fs-18:18px;
--fs-20:20px;
--fs-22:22px;
--fs-24:24px;
--fs-26:26px;
--fs-28:28px;
--fs-34:34px;
--fs-42:42px;
--fs-52:52px;
--fs-56:56px;
--lh-none:1;
--lh-tight:1.2;
--lh-snug:1.3;
--lh-hero:1.35;
--lh-title:1.4;
--lh-text:1.5;
--lh-base:1.6;
--lh-loose:1.9;
--tracking-logo:1px;
--tracking-wide:3px;
--tracking-stars:2px;

--space-2:2px;
--space-4:4px;
--space-6:6px;
--space-8:8px;
--space-10:10px;
--space-12:12px;
--space-14:14px;
--space-16:16px;
--space-18:18px;
--space-20:20px;
--space-24:24px;
--space-28:28px;
--space-32:32px;
--space-36:36px;
--space-40:40px;
--space-56:56px;
--space-70:70px;
--space-80:80px;
--space-85:85px;
--space-120:120px;

--radius-xs:3px;
--radius-sm:6px;
--radius-md:8px;
--radius-lg:10px;
--radius-xl:12px;
--radius-2xl:14px;
--radius-3xl:24px;
--radius-squircle:22%;
--radius-pill:999px;
--radius-round:50%;

--border-width:1px;
--border-medium:1.5px;
--border-strong:2px;
--stroke-squiggle:2px;

--shadow-xs:0 1px 6px var(--color-shadow-xs);
--shadow-sm:0 1px 6px var(--color-shadow-sm);
--shadow-md:0 6px 14px var(--color-shadow-md);
--shadow-float:0 6px 16px var(--color-shadow-float);
--shadow-offset-size:3px;

--opacity-full:1;
--opacity-dot:.45;
--opacity-ring:.4;
--opacity-soft:.85;

--transition:.2s;
--z-navbar:50;
--z-float:60;
--z-wave:1;
--z-circles:3;

--container-max:1120px;
--container-fluid:92%;
--navbar-height:68px;
--nav-pad-x:4%;
--cols-1:1;
--cols-2:2;
--cols-3:3;
--cols-4:4;
--footer-columns:1.6fr 1fr 1fr 1fr;
--ratio-zone:16/10;
--ratio-course:16/9;
--ratio-note:1/1.1;
--ratio-square:1/1;

--size-avatar-sm:30px;
--size-avatar:34px;
--size-cart:38px;
--size-icon-box:34px;
--size-check:20px;
--size-dot:9px;
--size-whatsapp:52px;
--size-pkg-img:110px;
--size-style-card:150px;
--size-why-img:240px;
--size-why-text:420px;
--size-footer-text:300px;
--size-hero-text:560px;
--size-squiggle:64px;
--size-note-bar:5px;
--note-bar-1:80%;
--note-bar-2:60%;
--note-bar-3:40%;
--footer-band-height:34px;

--deco-top-a:70px;
--deco-top-b:78px;
--deco-inset-a:14%;
--deco-inset-b:12%;
--hero-title-vw:5.4vw;
--hero-text-vw:1.6vw;
--hero-accent-scale:1.1em;

--circle-vw:28vw;
--circle-max:270px;
--circle-size:min(var(--circle-vw),var(--circle-max));
--circles-max-width:900px;
--circle-overlap:.5;
--circle-bottom-ratio:.1;
--circle-gap-ratio:.025;
--circle-padding-ratio:.1;
--circle-ring-ratio:.045;
--circle-icon-ratio:.2;
--circle-icon-font-ratio:.11;
--circle-title-ratio:.075;
--circle-text-ratio:.045;

/* Bootstrap Overrides */
--bs-primary: var(--color-blue);
--bs-primary-rgb: 30, 111, 208;
--bs-secondary: var(--color-navy-muted);
--bs-success: var(--color-green);
--bs-danger: var(--color-red);
--bs-warning: #f0a020;
--bs-info: var(--color-sky);

--bs-body-color: var(--color-text);
--bs-body-bg: var(--color-white);
--bs-body-font-family: var(--font-family);
--bs-body-font-size: var(--fs-16);
--bs-body-line-height: var(--lh-base);

--bs-border-color: var(--color-line);
--bs-border-radius: var(--radius-md);
--bs-border-radius-sm: var(--radius-sm);
--bs-border-radius-lg: var(--radius-lg);
--bs-border-width: var(--border-width);

--bs-link-color: var(--color-blue);
--bs-link-hover-color: var(--color-blue-dark);
--bs-link-decoration: none;

--bs-heading-color: var(--color-navy);
--bs-emphasis-color: var(--color-navy);
--bs-secondary-color: var(--color-text-soft);

--bs-font-sans-serif: var(--font-family);
--bs-font-monospace: 'IBM Plex Mono', monospace;

--bs-box-shadow-sm: var(--shadow-sm);
--bs-box-shadow: var(--shadow-md);
--bs-box-shadow-lg: var(--shadow-float);
}