:root {
  --navy: #102a48;
  --navy-dark: #071c2d;
  --navy-deep: #061724;
  --navy-soft: #173b5c;

  --white: #ffffff;
  --off-white: #f7f8f9;
  --light: #eef1f4;
  --border: #d8dee5;

  --text: #102a48;
  --text-dark: #0b1d2d;
  --text-muted: #647282;

  --shadow-sm: 0 4px 14px rgba(6, 23, 36, 0.08);
  --shadow-md: 0 12px 30px rgba(6, 23, 36, 0.14);

  --radius-sm: 5px;
  --radius-md: 8px;

  --container: 1180px;

  --font-main: "DM Sans", Arial, sans-serif;
  --font-heading: "Manrope", Arial, sans-serif;
}