:root{
  --atlas-font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --atlas-font-display:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --atlas-font-accent:"Georgia","Times New Roman",serif;
  --atlas-bg:#050814;
  --atlas-surface-0:rgba(7,12,25,.96);
  --atlas-surface-1:rgba(10,17,34,.88);
  --atlas-surface-2:rgba(15,24,47,.86);
  --atlas-surface-3:rgba(19,31,57,.94);
  --atlas-surface-elevated:linear-gradient(180deg,rgba(20,31,57,.94),rgba(10,17,34,.94));
  --atlas-border-subtle:rgba(255,255,255,.08);
  --atlas-border-default:rgba(255,255,255,.12);
  --atlas-border-strong:rgba(137,189,255,.34);
  --atlas-text:rgba(255,255,255,.94);
  --atlas-text-muted:rgba(211,225,255,.7);
  --atlas-text-soft:rgba(211,225,255,.54);
  --atlas-accent:#76c3ff;
  --atlas-accent-2:#7ff0d0;
  --atlas-accent-3:#8b7cff;
  --atlas-success:#39d98a;
  --atlas-warning:#ffca63;
  --atlas-danger:#ff6b81;
  --atlas-info:#5db8ff;
  --atlas-shadow-sm:0 10px 24px rgba(0,0,0,.18);
  --atlas-shadow-md:0 18px 44px rgba(0,0,0,.24);
  --atlas-shadow-lg:0 28px 70px rgba(0,0,0,.34);
  --atlas-shadow-xl:0 38px 110px rgba(0,0,0,.44);
  --atlas-blur:18px;
  --atlas-radius-sm:14px;
  --atlas-radius-md:20px;
  --atlas-radius-lg:28px;
  --atlas-radius-xl:36px;
  --atlas-button-radius:16px;
  --atlas-button-height:44px;
  --atlas-button-pad-x:16px;
  --atlas-button-pad-y:12px;
  --atlas-button-font-size:14px;
  --atlas-button-font-weight:850;
  --atlas-button-press-scale:.985;
  --atlas-button-primary-bg:linear-gradient(135deg,rgba(118,195,255,.96),rgba(139,124,255,.96));
  --atlas-button-secondary-bg:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.06));
  --atlas-button-ghost-bg:rgba(255,255,255,.05);
  --atlas-button-border:rgba(255,255,255,.14);
  --atlas-space-1:4px;
  --atlas-space-2:8px;
  --atlas-space-3:12px;
  --atlas-space-4:16px;
  --atlas-space-5:20px;
  --atlas-space-6:24px;
  --atlas-space-7:32px;
  --atlas-space-8:40px;
  --atlas-space-9:56px;
  --atlas-content-max:1240px;
  --atlas-breakpoint-sm:360px;
  --atlas-breakpoint-md:768px;
  --atlas-breakpoint-lg:1024px;
  --atlas-breakpoint-xl:1280px;
  --atlas-type-xs:12px;
  --atlas-type-sm:14px;
  --atlas-type-md:16px;
  --atlas-type-lg:20px;
  --atlas-type-xl:28px;
  --atlas-type-2xl:40px;
  --atlas-type-3xl:56px;
  --atlas-ease:cubic-bezier(.22,.8,.2,1);
  --atlas-duration-fast:180ms;
  --atlas-duration-base:320ms;
  --atlas-duration-slow:560ms;

  /* App-wide semantic aliases */
  --bg-main:#050814;
  --bg-surface:rgba(10,17,34,.88);
  --text-primary:rgba(255,255,255,.94);
  --text-secondary:rgba(211,225,255,.7);
  --border:rgba(255,255,255,.12);
  --primary:#76c3ff;
  --primary-hover:#5db8ff;
  --card-bg:rgba(15,24,47,.86);

  /* Requested spacing rhythm */
  --space-1:8px;
  --space-2:16px;
  --space-3:24px;
  --space-4:32px;
  --space-5:48px;
}

:root[data-theme="light"]{
  --atlas-bg:#e9ece6;
  --atlas-surface-0:#f5f2eb;
  --atlas-surface-1:#f7f4ee;
  --atlas-surface-2:#f3efe7;
  --atlas-surface-3:#ece7de;
  --atlas-surface-elevated:linear-gradient(180deg,#f7f4ee,#efe9df);
  --atlas-border-subtle:rgba(28,43,61,.08);
  --atlas-border-default:rgba(43,60,82,.14);
  --atlas-border-strong:rgba(54,107,183,.28);
  --atlas-text:#223144;
  --atlas-text-muted:#546476;
  --atlas-text-soft:#6c7a89;
  --atlas-accent:#2f6bb7;
  --atlas-accent-2:#2f8f8c;
  --atlas-accent-3:#355caa;
  --atlas-shadow-sm:0 8px 22px rgba(24,38,56,.06);
  --atlas-shadow-md:0 14px 30px rgba(24,38,56,.08);
  --atlas-shadow-lg:0 18px 42px rgba(24,38,56,.1);
  --atlas-shadow-xl:0 28px 62px rgba(24,38,56,.12);
  --atlas-button-primary-bg:linear-gradient(135deg,#4b93c7,#5db8bf);
  --atlas-button-secondary-bg:linear-gradient(180deg,rgba(34,49,68,.06),rgba(34,49,68,.03));
  --atlas-button-ghost-bg:rgba(34,49,68,.035);
  --atlas-button-border:rgba(34,49,68,.16);

  --bg-main:#e9ece6;
  --bg-surface:#f7f4ee;
  --text-primary:#223144;
  --text-secondary:#546476;
  --border:rgba(43,60,82,.14);
  --primary:#4b93c7;
  --primary-hover:#3d7fb0;
  --card-bg:#f7f4ee;
}