:root {
  --bg-base: #f7fbff;
  --bg-elevated: #eef6ff;
  --bg-soft: #e7f1ff;
  --bg-accent: rgba(8, 103, 216, 0.08);
  --bg-mint: rgba(7, 193, 96, 0.07);
  --bg-card: rgba(255, 255, 255, 0.96);
  --bg-card-strong: rgba(255, 255, 255, 1);
  --nav-bg: rgba(255, 255, 255, 0.92);
  --line-soft: rgba(8, 103, 216, 0.1);
  --line-strong: rgba(8, 103, 216, 0.18);
  --text-strong: #10233f;
  --text-main: #425f7f;
  --text-muted: #6983a0;
  --text-faint: #8ea2b7;
  --accent-900: #0a4fae;
  --accent-800: #0867d8;
  --accent-700: #1081f3;
  --accent-600: #2a9bff;
  --accent-500: #58b2ff;
  --accent-400: #92d3ff;
  --accent-200: #dcedff;
  --accent-100: #f1f8ff;
  --green-900: #067d43;
  --green-700: #07c160;
  --green-500: #3ddb85;
  --green-100: #edfdf4;
  --accent-gradient: linear-gradient(135deg, #2a9bff 0%, #0867d8 100%);
  --green-gradient: linear-gradient(135deg, #07c160 0%, #00a861 100%);
  --accent-gradient-soft: linear-gradient(
    135deg,
    rgba(8, 103, 216, 0.14),
    rgba(8, 103, 216, 0.06)
  );
  --shadow-soft: 0 18px 44px rgba(19, 88, 167, 0.08);
  --shadow-strong: 0 34px 90px rgba(19, 88, 167, 0.14);
}