:root {
  --sa-bg: #07090f;
  --sa-surface: #0d1117;
  --sa-surface2: #111827;
  --sa-surface3: #1a2233;
  --sa-border: rgba(255,255,255,0.07);
  --sa-border2: rgba(255,255,255,0.13);
  --sa-cyan: #06b6d4;
  --sa-green: #22c55e;
  --sa-red: #ef4444;
  --sa-amber: #eab308;
  --sa-purple: #a855f7;
  --sa-orange: #f97316;
  --sa-text: #e2e8f0;
  --sa-text2: #94a3b8;
  --sa-text3: #718096;
  --sa-panel-bg: rgba(7,9,15,0.93);
  --sa-radius: 8px;
  --sa-radius-sm: 4px;
  --sa-radius-lg: 12px;
  --sa-mono: 'Cascadia Code','Fira Code','SF Mono',Consolas,monospace;
  --sa-sans: 'Inter','Segoe UI',system-ui,-apple-system,sans-serif;
  --sa-text-xs: 11px;
  --sa-text-sm: 13px;
  --sa-text-base: 15px;
  --sa-text-lg: 18px;
  --sa-text-xl: 22px;
  --sa-text-2xl: 28px;
  --sa-text-3xl: 36px;
  --sa-text-cmd: 48px;
  --sa-space-xs: 4px;
  --sa-space-sm: 8px;
  --sa-space-md: 12px;
  --sa-space-lg: 16px;
  --sa-space-xl: 24px;
  --sa-space-2xl: 32px;
  --sa-touch-min: 44px;
  --sa-transition: 0.2s ease;
  --sa-nav-height: 40px;
}

:root.sa-light {
  --sa-bg: #f0f2f5;
  --sa-surface: #ffffff;
  --sa-surface2: #f5f6f8;
  --sa-surface3: #e8eaed;
  --sa-border: rgba(0,0,0,0.08);
  --sa-border2: rgba(0,0,0,0.15);
  --sa-cyan: #0077cc;
  --sa-green: #00873e;
  --sa-red: #cc1133;
  --sa-amber: #b87800;
  --sa-purple: #7733bb;
  --sa-text: #1a1a2e;
  --sa-text2: #4a5060;
  --sa-text3: #5a6577;
  --sa-panel-bg: rgba(240,242,245,0.96);
}

@keyframes sa-pulse {
  0%,100% { opacity:1; box-shadow:0 0 0 0 rgba(34,197,94,0.4); }
  50% { box-shadow:0 0 0 4px rgba(34,197,94,0); }
}
@keyframes sa-crit-pulse {
  0%,100% { box-shadow:none; }
  50% { box-shadow:0 0 8px rgba(239,68,68,0.5); }
}
@keyframes sa-slide-in {
  from { opacity:0; transform:translateY(-8px); }
  to { opacity:1; transform:translateY(0); }
}

.sa-skip-nav {
  position: absolute;
  top: -100px;
  left: 0;
  background: var(--sa-cyan);
  color: #fff;
  padding: 8px 16px;
  z-index: 10000;
  font-size: var(--sa-text-sm);
  font-weight: 700;
  text-decoration: none;
  border-radius: 0 0 var(--sa-radius) 0;
}
.sa-skip-nav:focus {
  top: 0;
}

*:focus-visible {
  outline: 2px solid var(--sa-cyan) !important;
  outline-offset: 2px !important;
}