:root {
  --sn-brand: #e11d48;
  --sn-brand-soft: rgba(225, 29, 72, 0.16);
  --sn-brand-border: rgba(225, 29, 72, 0.45);
  --sn-brand-text: #fda4af;
  --sn-bg: #0b0d12;
  --sn-surface: #12151c;
  --sn-surface-2: #181c26;
  --sn-elevated: #1c2130;
  --sn-line: rgba(255, 255, 255, 0.08);
  --sn-line-strong: rgba(255, 255, 255, 0.14);
  --sn-text: #f3f4f6;
  --sn-text-muted: #9ca3af;
  --sn-text-dim: #6b7280;
  --sn-success: #34d399;
  --sn-warning: #fbbf24;
  --sn-danger: #f87171;
  --sn-info: #60a5fa;
  --sn-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --sn-fs-xs: 12px;
  --sn-fs-sm: 13px;
  --sn-fs-md: 15px;
  --sn-fs-lg: 18px;
  --sn-fs-xl: 22px;
  --sn-fs-2xl: 28px;
  --sn-fw-med: 500;
  --sn-fw-semi: 600;
  --sn-fw-bold: 700;
  --sn-s-1: 4px;
  --sn-s-2: 8px;
  --sn-s-3: 12px;
  --sn-s-4: 16px;
  --sn-s-5: 20px;
  --sn-s-6: 24px;
  --sn-s-8: 32px;
  --sn-s-10: 40px;
  --sn-r-sm: 8px;
  --sn-r-md: 12px;
  --sn-r-lg: 16px;
  --sn-r-xl: 20px;
  --sn-r-full: 999px;
  --sn-shadow-sm: 0 1px 2px rgba(0,0,0,.35);
  --sn-shadow-md: 0 8px 24px rgba(0,0,0,.35);
  --sn-header-h: 56px;
  --sn-max: 1200px;
  --sn-gutter: 16px;
  --sn-ease: cubic-bezier(.2,.8,.2,1);
  --sn-fast: 120ms;
}