:root {
  --bg: #f5f9fc;
  --surface: #ffffff;
  --surface-soft: #eef5f9;
  --surface-tint: #ecf9f6;
  --text: #1a3342;
  --heading: #0d2430;
  --muted: #647d8c;
  --primary: #1a7fd4;
  --primary-dark: #1568ad;
  --secondary: #14a896;
  --secondary-dark: #108a7a;
  --accent: #4fc0ef;
  --border: #d4e4ec;
  --border-strong: #b8d4e2;
  --shadow: 0 20px 60px rgba(22, 72, 98, 0.10);
  --shadow-soft: 0 12px 36px rgba(22, 72, 98, 0.07);
  --shadow-hover: 0 22px 50px rgba(22, 72, 98, 0.14);
  --max: 1180px;
  --radius: 24px;
  --radius-sm: 14px;
  --nav-height: 76px;
  --transition: 0.22s ease;
}