:root {
  --bg: #f4f8fc;
  --bg-grid: rgba(30, 94, 255, 0.045);
  --panel: #ffffff;
  --panel-soft: #f7fbff;
  --line: #d7e2ee;
  --line-strong: #bed1e5;
  --text: #133252;
  --text-strong: #0c2338;
  --muted: #5d728c;
  --blue: #1f5fff;
  --blue-deep: #103f9c;
  --blue-soft: #e9f0ff;
  --green: #1ba36f;
  --green-soft: #e8fbf4;
  --orange: #ef7c33;
  --orange-soft: #fff1e7;
  --yellow: #c9980f;
  --yellow-soft: #fff8df;
  --shadow-lg: 0 18px 48px rgba(18, 54, 92, 0.08);
  --radius-xl: 28px;
  --radius-lg: 20px;
  --radius-md: 14px;
  --max-width: 1180px;
  --mono: "IBM Plex Mono", monospace;
  --sans: "Public Sans", sans-serif;
}