:root {
  --color-primary: #5b73e8;
  --color-primary-pressed: #4c63d2;
  --color-primary-soft: #eef1ff;
  --color-primary-faint: #f5f7ff;
  --color-bg: #f6f7fb;
  --color-surface: #ffffff;
  --color-surface-secondary: #f9fafc;
  --color-text: #171a22;
  --color-text-secondary: #697080;
  --color-text-subtle: #969caa;
  --color-border: #e7e9ef;
  --color-success: #21a179;
  --color-danger: #e45b68;
  --color-warning: #e8a23a;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-round: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --shadow-card: 0 8px 28px rgba(22, 28, 45, 0.05);
  --shadow-floating: 0 12px 34px rgba(36, 43, 76, 0.12);
  --font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --nav-height: 76px;
  --motion-fast: 160ms ease;
  --motion-default: 200ms ease;
}