:root {
  --bg: #edf3fb;
  --bg-accent: radial-gradient(circle at top, rgba(37, 99, 235, 0.16), transparent 36%), linear-gradient(180deg, #f8fbff 0%, #ecf2fb 100%);
  --surface: rgba(255, 255, 255, 0.86);
  --surface-solid: #ffffff;
  --surface-soft: #f7faff;
  --surface-strong: #e7f0ff;
  --text: #0f172a;
  --text-muted: #5b6b84;
  --text-subtle: #8a98ad;
  --border: rgba(148, 163, 184, 0.22);
  --border-strong: rgba(37, 99, 235, 0.2);
  --primary: #1d66f2;
  --primary-dark: #174fc1;
  --primary-soft: rgba(29, 102, 242, 0.12);
  --success: #159947;
  --success-soft: rgba(21, 153, 71, 0.12);
  --warning: #d97706;
  --warning-soft: rgba(217, 119, 6, 0.12);
  --danger: #dc2626;
  --danger-soft: rgba(220, 38, 38, 0.14);
  --shadow: 0 18px 48px rgba(15, 23, 42, 0.09);
  --shadow-soft: 0 10px 28px rgba(15, 23, 42, 0.06);
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --max-width: 1200px;
}