:root {
  --bg-top: #f7f1fb;
  --bg-bottom: #efe4fa;
  --surface: #ffffff;
  --surface-soft: #f5effb;
  --surface-muted: #f3edf9;
  --border: #e6d9f2;
  --text-strong: #3f3654;
  --text-main: #5c5177;
  --text-muted: #9a8fb0;
  --accent: #d5b3ff;
  --accent-hover: #c39df7;
  --accent-strong: #9a7fd6;
  --accent-soft: #efe4fb;
  --on-accent: #4a3a6b;
  --ok: #7cc9a3;
  --warn: #e0b46a;
  --danger: #f0919f;
  --shadow-card: 0 12px 32px rgba(122, 92, 180, 0.14);
  --radius-lg: 22px;
  --radius-md: 14px;
  --radius-sm: 10px;
}