:root {
  color-scheme: light;
  --bg: #f5f8fd;
  --bg-deep: #eef3fb;
  --surface: rgba(255, 255, 255, 0.82);
  --surface-strong: #ffffff;
  --surface-tint: #f7faff;
  --line: rgba(28, 50, 84, 0.10);
  --line-strong: rgba(28, 50, 84, 0.18);
  --text: #101828;
  --muted: #5b6678;
  --faint: #8a96a8;
  --blue: #1768ff;
  --blue-strong: #0758ee;
  --blue-soft: rgba(23, 104, 255, 0.09);
  --violet: #7b61ff;
  --violet-soft: rgba(123, 97, 255, 0.10);
  --cyan: #0aa6c2;
  --cyan-strong: #008ca6;
  --cyan-soft: rgba(10, 166, 194, 0.09);
  --orange: #df731b;
  --orange-soft: rgba(240, 133, 43, 0.10);
  --danger: #d93d4f;
  --danger-soft: rgba(217, 61, 79, 0.08);
  --radius-sm: 14px;
  --radius: 22px;
  --radius-lg: 34px;
  --space: 16px;
  --shadow: 0 28px 80px rgba(34, 60, 102, 0.12);
  --shadow-soft: 0 14px 38px rgba(34, 60, 102, 0.08);
  --shell: min(1200px, calc(100vw - 48px));
}