:root{
  --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-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-type-xs:12px;
  --atlas-type-sm:14px;
  --atlas-type-md:16px;
  --atlas-type-lg:20px;
  --atlas-type-xl:28px;
  --atlas-type-2xl:40px;
  --atlas-ease:cubic-bezier(.22,.8,.2,1);
  --atlas-duration-fast:180ms;
  --atlas-duration-base:320ms;
  --atlas-duration-slow:560ms;
}