:root {
  --bg: #f4f8ff;
  --card: #fff;
  --nav: #071f46;
  --nav2: #051731;
  --blue: #126cff;
  --blue2: #005bea;
  --text: #09245a;
  --muted: #6d7da3;
  --line: #dfe8f7;
  --green: #14b86a;
  --red: #f23c4f;
  --orange: #ff9800;
  --yellow: #ffc247;
  --violet: #715bff;
  --cyan: #10a9ff;
  --shadow: 0 16px 40px rgba(15, 58, 120, .10);
  --shadow-lg: 0 16px 48px rgba(15, 58, 120, .14);
  --soft: 0 8px 22px rgba(15, 58, 120, .08);
  --radius: 16px;
}

:root[data-theme="dark"] {
  --bg: #07111f;
  --card: #101b2d;
  --nav: #06152b;
  --nav2: #030914;
  --blue: #4f8cff;
  --blue2: #2d6fff;
  --text: #e7efff;
  --muted: #9fb0cf;
  --line: #243652;
  --green: #25d481;
  --red: #ff5267;
  --orange: #ffb03a;
  --yellow: #ffd166;
  --violet: #8a7cff;
  --cyan: #38c2ff;
  --shadow: 0 18px 48px rgba(0, 0, 0, .34);
  --shadow-lg: 0 18px 48px rgba(0, 0, 0, .34);
  --soft: 0 10px 26px rgba(0, 0, 0, .28);
}