:root {
  /* Color */
  --sa-color-bg: #0f172a;
  --sa-color-primary: #38bdf8;
  --sa-color-primary-strong: #0284c7;
  --sa-color-primary-contrast: #0f172a;
  --sa-color-accent: #a78bfa;
  --sa-color-text: #f8fafc;
  --sa-color-text-strong: #ffffff;
  --sa-color-text-muted: #cbd5e1;
  --sa-color-muted: #cbd5e1;
  --sa-color-subtle: #94a3b8;
  --sa-color-canvas: var(--sa-color-bg);
  --sa-color-surface: #111827;
  --sa-color-surface-subtle: #1e293b;
  --sa-color-surface-raised: #182235;
  --sa-color-surface-muted: #263449;
  --sa-color-surface-warning: #2d2615;
  --sa-color-surface-danger: #2f1b24;
  --sa-color-border: #334155;
  --sa-color-border-subtle: #263449;
  --sa-color-border-input: #475569;
  --sa-color-border-warning: #f59e0b;
  --sa-color-border-danger: #ef4444;
  --sa-color-success: #22c55e;
  --sa-color-warning: #f59e0b;
  --sa-color-danger: #ef4444;

  /* Status */
  --sa-status-neutral: #64748b;
  --sa-status-success: var(--sa-color-success);
  --sa-status-warning: var(--sa-color-warning);
  --sa-status-danger: var(--sa-color-danger);

  /* Typography */
  --sa-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --sa-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --sa-font-size-xs: 12px;
  --sa-font-size-sm: 13px;
  --sa-font-size-md: 14px;
  --sa-font-size-lg: 17px;
  --sa-font-size-xl: 18px;
  --sa-font-size-2xl: 28px;
  --sa-line-height-tight: 1.2;
  --sa-line-height-normal: 1.45;
  --sa-line-height-relaxed: 1.55;
  --sa-letter-spacing-label: .06em;
  --sa-letter-spacing-eyebrow: .08em;

  /* Spacing */
  --sa-space-1: 3px;
  --sa-space-2: 5px;
  --sa-space-3: 6px;
  --sa-space-4: 8px;
  --sa-space-5: 10px;
  --sa-space-6: 12px;
  --sa-space-7: 14px;
  --sa-space-8: 16px;
  --sa-space-9: 18px;
  --sa-space-10: 20px;
  --sa-space-11: 22px;
  --sa-space-12: 24px;
  --sa-space-14: 28px;
  --sa-space-16: 32px;
  --sa-space-18: 36px;
  --sa-space-20: 48px;
  --sa-space-24: 64px;
  --sa-space-28: 72px;

  /* Shape */
  --sa-radius-xs: 4px;
  --sa-radius-sm: 6px;
  --sa-radius-md: 8px;
  --sa-radius-pill: 999px;

  /* Shadows */
  --sa-shadow-widget: 0 10px 28px rgba(2, 6, 23, .36);
  --sa-shadow-panel: 0 16px 44px rgba(2, 6, 23, .42);
}