:root {
  --frame: #5c6a7e;
  --bg: #f3f6fb;
  --surface: #ffffff;
  --mint: #e7f0fa;
  --mint-deep: #d6e6f8;

  --green: #2b5bbd;
  --green-bright: #3d74dc;
  --green-deep: #1e4494;
  --green-word: #2456c4;
  --green-soft: #6ca7f4;

  --ink: #0b1428;
  --ink-card: #121e36;
  --text: #12161c;
  --muted: #6b727a;
  --muted-soft: #8b929a;
  --line: #dde3ea;
  --line-strong: #cfd6e0;

  --gold: #e8b423;
  --gold-deep: #c49212;
  --danger: #d14343;
  --star: #f0a429;

  --shadow: 0 10px 30px rgba(18, 32, 64, 0.08);
  --shadow-card: 0 16px 40px rgba(16, 32, 64, 0.1);
  --shadow-float: 0 12px 28px rgba(20, 36, 70, 0.12);

  --radius-btn: 999px;
  --radius-card: 24px;
  --radius-lg: 28px;
  --radius-phone: 32px;

  --header: 74px;
  --gutter: clamp(20px, 3.2vw, 72px);

  --font: "Inter", "Segoe UI", sans-serif;

  --space-section: 88px;
}