:root {
  --navy-950: #061a3f;
  --navy-900: #08224f;
  --navy-800: #123566;
  --navy-700: #284970;
  --red-700: #aa0610;
  --red-600: #c20d18;
  --red-500: #d21d27;
  --blue-100: #edf5fc;
  --gray-25: #fcfdff;
  --gray-50: #f8fafc;
  --gray-100: #f2f5f8;
  --gray-200: #e2e7ee;
  --gray-300: #cfd7e2;
  --gray-500: #718096;
  --white: #ffffff;
  --text-primary: var(--navy-950);
  --text-secondary: #53647e;
  --brand-primary: var(--navy-900);
  --brand-accent: var(--red-600);
  --brand-accent-hover: var(--red-700);
  --surface: var(--white);
  --surface-muted: var(--gray-50);
  --border: var(--gray-200);
  --border-strong: var(--gray-300);
  --shadow-color: rgba(6, 26, 63, 0.10);
  --shadow-primary: rgba(6, 26, 63, 0.16);
  --shadow-primary-soft: rgba(6, 26, 63, 0.15);
  --shadow-accent: rgba(194, 13, 24, 0.18);
  --shadow-card: rgba(6, 26, 63, 0.04);
  --surface-translucent: rgba(255, 255, 255, 0.92);
  --btn-radius: 10px;
  --section-space: 64px;
  --panel-pad-y: 28px;
  --panel-pad-x: 32px;
  --yellow-soft: #fff5c9;
  --yellow: #f7c941;
  --green-600: #12925b;
  --bs-body-font-family: Inter, "Segoe UI", Arial, sans-serif;
  --bs-body-color: var(--text-primary);
  --bs-body-bg: var(--surface);
  --bs-primary: var(--brand-primary);
  --bs-danger: var(--brand-accent);
  --bs-link-color: var(--brand-primary);
  --bs-border-color: var(--border);
  --bs-border-radius: 0.5rem;
}

@media (max-width: 720px) {
  :root {
    --section-space: 40px;
    --panel-pad-y: 20px;
    --panel-pad-x: 20px;
  }
}