:root {
   --ds-bg: #0a0a0f;
   --ds-bg-inset: #0d0d12;
   --ds-surface-1: #111118;
   --ds-surface-2: #14141c;
   --ds-surface-3: #1a1a24;
   --ds-hover: #1e1e2a;
   --ds-pressed: #24242f;
   --ds-bg-deep: #050508;
   --ds-bg-code: #0e0e15;
   --ds-preview: #facc15;
   --ds-preview-rgb: 250, 204, 21;
   --ds-raised: rgba(255, 255, 255, 0.03);
   --ds-interactive: rgba(255, 255, 255, 0.055);
   --ds-border-1: #2a2a36;
   --ds-border-2: #3a3a48;
   --ds-line-1: rgba(255, 255, 255, 0.075);
   --ds-line-2: rgba(255, 255, 255, 0.16);
   --ds-text-1: #f5f5f7;
   --ds-text-2: #a0a0a8;
   --ds-text-3: #6b6b75;
   --ds-text-placeholder: #888898;
   --ds-accent: #ffffff;
   --ds-accent-hover: #e0e0e0;
   --ds-link: #7dd3fc;
   --ds-link-rgb: 125, 211, 252;
   --ds-link-dim: rgba(125, 211, 252, 0.15);
   --ds-success: #22c55e;
   --ds-success-rgb: 34, 197, 94;
   --ds-success-hover: #4ade80;
   --ds-success-soft: rgba(34, 197, 94, 0.12);
   --ds-warning: #f59e0b;
   --ds-warning-rgb: 245, 158, 11;
   --ds-danger: #f87171;
   --ds-danger-rgb: 248, 113, 113;
   --ds-info: #7dd3fc;
   --ds-patreon: #ff424d;
   --ds-patreon-rgb: 255, 66, 77;
   --ds-violet: #c4b5fd;
   --ds-violet-rgb: 196, 181, 253;
   --ds-focus: 0 0 0 3px rgba(125, 211, 252, 0.3);
   --ds-radius-1: 4px;
   --ds-radius-2: 8px;
   --ds-radius-3: 12px;
   --ds-radius-4: 16px;
   --ds-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
   --ds-font-mono: 'JetBrains Mono', 'Cascadia Code', 'Consolas', ui-monospace, monospace;
   --ds-motion-1: 150ms ease;
   --ds-motion-2: 250ms ease;
   --ds-motion-3: 400ms ease;
   --ds-shadow-pop: 0 18px 40px rgba(0, 0, 0, 0.45);
   --ds-shadow-modal: 0 28px 80px rgba(0, 0, 0, 0.55);
}