/* Yemen Schoolz design tokens (batch 66a).
   Source: Claude Design system 65ab33ad, built from public/Schools.html (same :root values).
   Shared by new hosted pages (e.g. public/Try.html). Existing pages keep their own inline :root.
   Copied flat to /assets/ys-tokens.css by _build/build-frontend.js. No colour outside these tokens. */
@font-face{font-family:'Cairo';src:url('/assets/Cairo-Variable.woff2') format('woff2');font-weight:200 1000;font-display:swap}
:root{
  --brand:#0F5C8C;
  --brand2:#0A4266;
  --brand-hover:#0B5ED7;
  --teal:#1DBFA6;
  --accent:#F4A829;
  --bg:#F6F8FC;
  --card:#FFFFFF;
  --ghost:#EEF2FF;
  --line:#E6EAF2;
  --ink:#1A2233;
  --txt:#334155;
  --muted:#667085;
  --footer-bg:#0F1830;
  --hero-from:#0F5C8C;
  --hero-to:#0A4266;
  --hero-gradient:linear-gradient(135deg,var(--hero-from),var(--hero-to));
  --hero-ink:#FFFFFF;
  --hero-ghost:rgba(255,255,255,.16);
  --wrap-max:1160px;
  --pad-wrap:18px;
  --pad-section:52px;
  --pad-hero:64px;
  --pad-hero-bottom:72px;
  --pad-card:22px;
  --gap-cta:12px;
  --radius:18px;
  --radius-btn:12px;
  --shadow:0 8px 30px rgba(20,40,80,.08);
  --shadow-hover:0 16px 40px rgba(20,40,80,.14);
  --ease:cubic-bezier(.16,1,.3,1);
  --t2:.32s;
  --font-sans:"Cairo","Segoe UI",Tahoma,Arial,sans-serif;
  --fs-hero-title:clamp(26px,4vw,44px);
  --fs-hero-sub:clamp(15px,2.2vw,19px);
  --fs-section-title:clamp(22px,3vw,32px)
}
[data-theme=dark]{
  --brand:#3da9fc;
  --bg:#060f1e;
  --card:#0e1c34;
  --ghost:#13284a;
  --line:#1d3256;
  --ink:#eaf2ff;
  --txt:#c9d6ea;
  --muted:#9fb3d1;
  --hero-from:#13284a;
  --hero-to:#060f1e
}