@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;600;700&family=Barlow+Condensed:wght@600;700&display=swap");

:root {
  --color-bg: #eef1f4;
  --color-bg-white: #f7f8fa;
  --color-text: #121820;
  --color-text-muted: #4a5560;
  --color-primary: #1a3048;
  --color-accent: #c45c1a;
  --color-accent-soft: #e8a06a;
  --color-accent-hover: #a34b14;
  --color-border: #cfd6de;
  --color-header-bg: #0f1c2a;
  --color-nav: #d5dde6;
  --color-nav-muted: #8a96a3;
  --color-crumb: #b8c2cc;
  --color-footer-bg: #0b1520;
  --color-footer-text: #b8c2cc;
  --hero-bg: radial-gradient(ellipse at 82% 12%, rgba(196,92,26,0.28), transparent 48%), linear-gradient(165deg, #0f1c2a 0%, #1a3048 55%, #243c58 100%);
  --font-display: "Barlow Condensed", "Segoe UI", sans-serif;
  --font-body: "Barlow", "Segoe UI", sans-serif;
  --radius: 4px;
  --shadow: 0 10px 28px rgba(15, 28, 42, 0.08);
}