:root {
  --max-width: 980px;

  /* Base */
  --bg: #ffffff;
  --surface: #ffffff;
  --text: #0b1220;
  --muted: rgba(11, 18, 32, 0.65);

  /* Wiz-like blue accent */
  --primary: #2f6bff;
  --primary-600: #2459e6;
  --primary-100: #eef4ff;

  /* Lines / shadows */
  --border: #e6eaf2;
  --border-strong: #d7deea;

  --link: var(--primary);

  --radius: 14px;
  --radius-sm: 12px;

  --space-1: 6px;
  --space-2: 10px;
  --space-3: 14px;
  --space-4: 18px;
  --space-5: 24px;
  --space-6: 32px;

  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
  --shadow: 0 10px 30px rgba(16, 24, 40, 0.10);
}