:root{
--navy:#0D1337;
--cyan:#00BBE6;
--grey:#C4C4C4;
--sky:#0EA5E9;
--sky-strong:#0284C7;
--sky-text:#0369A1;
--sky-soft:rgba(14,165,233,.10);
--sky-line:rgba(14,165,233,.26);
--bg:#F4F8FC;
--bg-alt:#EEF5FB;
--surface:#FFFFFF;
--surface-2:#F8FBFF;
--ink-strong:#0D1337;
--ink:#0F172A;
--ink-2:#334155;
--muted:#475569;
--soft:#64748B;
--line:rgba(148,163,184,.22);
--line-2:rgba(148,163,184,.34);
--line-3:rgba(148,163,184,.55);
--ok:#16A34A;
--warn:#92400E;
--bad:#B91C1C;
--grad-key:linear-gradient(90deg,#0284C7 0%,#00BBE6 100%);
--grad-key-dark:linear-gradient(90deg,#7DD3FC 0%,#00BBE6 100%);
--grad-btn:linear-gradient(135deg,#00BBE6 0%,#0EA5E9 55%,#0284C7 100%);
--grad-studio:linear-gradient(180deg,#EAF6FE 0%,#F6FBFF 38%,#EEF4FA 74%,#E2ECF5 100%);
--grad-climax:linear-gradient(135deg,#1B2660 0%,#0D1337 55%,#0A0F2C 100%);
--sh-xs:0 2px 6px rgba(13,19,55,.05);
--sh-sm:0 10px 24px rgba(13,19,55,.05);
--sh-md:0 18px 44px rgba(13,19,55,.09);
--sh-lg:0 30px 70px rgba(13,19,55,.16);
--sh-glow:0 10px 30px rgba(14,165,233,.35);
--r-sm:12px; --r-md:16px; --r-ctl:18px; --r-lg:24px; --r-xl:32px;
--f:'Tajawal',system-ui,-apple-system,'Segoe UI',sans-serif;
--fs-display:clamp(36px,4.6vw,62px);
--fs-h2:clamp(29px,3.4vw,46px);
--fs-h3:clamp(20px,1.7vw,24px);
--fs-lead:clamp(17px,1.35vw,20px);
--fs-body:17px;
--fs-small:14px;
--max:1200px;
--gutter:clamp(18px,4vw,40px);
--sec-y:clamp(72px,9vw,128px);
--ease:cubic-bezier(.22,1,.36,1);
--ease-io:cubic-bezier(.65,0,.35,1);
}