:root {
  --color-background: #f7f8fe;
  --color-surface: #ffffff;
  --color-surface-soft: #f3f5ff;
  --color-surface-muted: #eef2ff;
  --color-border: #e5eaf7;
  --color-border-strong: #d2daf6;
  --color-primary: #5661f6;
  --color-primary-strong: #4651ec;
  --color-primary-soft: #eef0ff;
  --color-accent: #54c29d;
  --color-accent-soft: #e7f8ef;
  --color-warning: #ffb547;
  --color-warning-soft: #fff3dc;
  --color-text: #101427;
  --color-text-soft: #4f5872;
  --color-text-muted: #7f879d;
  --color-shadow: 0 22px 58px rgba(74, 88, 214, 0.12);
  --color-shadow-soft: 0 14px 36px rgba(42, 57, 120, 0.08);
  --radius-card: 22px;
  --radius-panel: 20px;
  --radius-pill: 999px;
  --space-page: 32px;
  --space-section: 28px;
  --font-sans: "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --max-shell: 1528px;
}