:root {
  color-scheme: light;

  --theme-color-bg: #ffffff;
  --theme-color-surface: #f6f6f9;
  --theme-color-raised: #ffffff;
  --theme-color-text: #0e0e12;
  --theme-color-text-dim: #71717c;
  --theme-color-text-faint: #a6a6b0;
  --theme-color-accent: #6e56cf;
  --theme-color-accent-soft: #eeeaff;
  --theme-color-accent-strong: #4d35a5;
  --theme-color-accent-ink: #ffffff;
  --theme-color-success: #2fbf5c;
  --theme-color-danger: #ff4d6d;
  --theme-color-line: #ececf1;
  --theme-color-overlay: rgba(14, 14, 18, .74);

  --paper: var(--theme-color-bg);
  --fill: var(--theme-color-surface);
  --ink: var(--theme-color-text);
  --ink2: #17171d;
  --dim: var(--theme-color-text-dim);
  --faint: var(--theme-color-text-faint);
  --brand: var(--theme-color-accent);
  --brand-2: #8b74e8;
  --like: var(--theme-color-danger);
  --mint: var(--theme-color-success);
  --line: var(--theme-color-line);
  --line-2: #e2e0ee;

  --theme-font-sans: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --theme-font-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --theme-font-weight-regular: 450;
  --theme-font-weight-medium: 600;
  --theme-font-weight-semibold: 700;
  --theme-font-weight-bold: 800;
  --theme-font-weight-black: 900;
  --theme-leading-copy: 1.72;

  --theme-space-1: 4px;
  --theme-space-2: 8px;
  --theme-space-3: 12px;
  --theme-space-4: 16px;
  --theme-space-5: 20px;
  --theme-space-6: 24px;
  --theme-space-8: 32px;
  --theme-space-10: 40px;
  --theme-space-12: 48px;
  --theme-space-16: 64px;
  --theme-space-section: 104px;

  --theme-radius-sm: 8px;
  --theme-radius-md: 12px;
  --theme-radius-lg: 16px;
  --theme-radius-xl: 22px;
  --theme-radius-sheet: 28px;
  --theme-radius-pill: 999px;
  --theme-shadow-soft: 0 14px 38px rgba(27, 18, 61, .09);
  --theme-shadow-raised: 0 28px 70px rgba(27, 18, 61, .16);
  --theme-shadow-accent: 0 18px 42px rgba(110, 86, 207, .28);
  --theme-gradient-accent: linear-gradient(135deg, #5a3dbb, #7b55dc 55%, #946de8);
  --theme-gradient-accent-text: linear-gradient(90deg, #4d35a5, #6e56cf, #946de8);
  --theme-transition-fast: 160ms ease;
  --theme-transition-normal: 260ms ease;
  --theme-content-width: 1180px;
  --theme-header-height: 64px;
}

@media (max-width: 640px) {
  :root {
    --theme-space-section: 72px;
    --theme-header-height: 64px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --theme-transition-fast: 0ms;
    --theme-transition-normal: 0ms;
  }
}