@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/inter-400.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/inter-500.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/inter-600.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/inter-700.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/inter-800.ttf") format("truetype");
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/playfair-display-700.ttf") format("truetype");
}

:root {
  --color-petrol-dark: #034F5D;
  --color-petrol: #006D7C;
  --color-petrol-deep: #005C6B;
  --color-petrol-footer: #005565;
  --color-petrol-light: #DCECEF;
  --color-soft-blue: #EEF7F8;
  --color-background: #F8FBFB;
  --color-white: #FFFFFF;
  --color-text: #17313A;
  --color-muted: #5C747B;
  --color-gold: #E7C58F;
  --color-gold-light: #F5E1B9;
  --color-line: #D7E4E7;

  --font-heading: Georgia, "Times New Roman", serif;
  --font-body: "Inter", "Source Sans 3", Arial, sans-serif;

  --radius-card: 8px;
  --shadow-card: 0 10px 26px rgba(3, 79, 93, 0.055);
  --content-max: 1580px;
  --content-pad: 40px;
}