:root {
  --bg: #f3f8ff;
  --surface: #ffffff;
  --surface-soft: #f9fcff;
  --text: #213547;
  --muted: #5f6f82;
  --primary: #1e6fd9;
  --primary-strong: #0f5fc5;
  --accent: #ff9f43;
  --success: #0f9f66;
  --danger: #b91c1c;
  --radius: 16px;
  --radius-sm: 10px;
  --shadow-soft: 0 6px 18px rgba(31, 83, 139, 0.08);
  --border: #d6e4f5;
  --focus: #ffb347;
  --font-main: "Segoe UI", "Inter", Arial, sans-serif;
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
}