:root{
  /* color — light (default) */
  --sc-bg:#FFFFFF; --sc-surface:#F4F7FC; --sc-text:#0B1630; --sc-muted:#51607A;
  --sc-primary:#2350E6; --sc-primary-hover:#1A3FC0; --sc-primary-tint:#EAF0FF; --sc-on-primary:#FFFFFF;
  --sc-accent:#14B8A6; /* decorative only on light */ --sc-accent-text:#0F766E;
  --sc-success:#0F7B4F; --sc-border:#D9E0EC; --sc-border-input:#7B88A1;
  --sc-gradient:linear-gradient(135deg,#2350E6 0%,#14B8A6 100%);
  /* dark section tokens */
  --sc-d-bg:#0A1124; --sc-d-surface:#111A33; --sc-d-surface-2:#18233F; --sc-d-text:#EEF2FA; --sc-d-muted:#A6B1CC;
  --sc-d-primary:#6E8BFF; --sc-d-accent:#2DD4BF; --sc-d-border:#26324F;
  /* type */
  --sc-font-head:'Sora',system-ui,sans-serif; --sc-font-body:'Inter',system-ui,sans-serif;
  --sc-fs-display:clamp(38px,4.2vw,60px); --sc-fs-h2:clamp(30px,2.8vw,40px); --sc-fs-h3:clamp(21px,1.7vw,24px);
  --sc-fs-lead:clamp(18px,1.4vw,20px); --sc-fs-body:clamp(16px,1.2vw,17px); --sc-fs-small:14px; --sc-fs-label:13px;
  /* space (4/8 grid) */
  --sc-s1:4px; --sc-s2:8px; --sc-s3:12px; --sc-s4:16px; --sc-s5:24px; --sc-s6:32px; --sc-s7:48px; --sc-s8:64px; --sc-s9:96px; --sc-s10:128px;
  /* shape + depth */
  --sc-radius-sm:8px; --sc-radius:12px; --sc-radius-lg:20px; --sc-radius-xl:28px; --sc-radius-pill:999px;
  --sc-shadow-sm:0 1px 2px rgba(11,22,48,.06),0 1px 1px rgba(11,22,48,.04);
  --sc-shadow:0 10px 28px -8px rgba(11,22,48,.14),0 2px 6px rgba(11,22,48,.05);
  --sc-shadow-highlight:0 24px 60px -16px rgba(35,80,230,.35),0 4px 12px rgba(11,22,48,.06);
  --sc-focus:0 0 0 3px #FFFFFF,0 0 0 5px #2350E6;
  --sc-container:1200px;
}