@font-face {
  font-family: 'Montserrat';
  src: url('../assets/Montserrat-Medium.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --petrol: #0F222D;
  --petrol-deep: #0a1820;
  --green: #46A54F;
  --green-bright: #8bc34a;
  --cream: #EBE7D9;
  --cream-soft: #f4f1e7;
  --charcoal: #1C1C1C;
  --line: rgba(235, 231, 217, 0.18);
  --line-dark: rgba(15, 34, 45, 0.12);
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a { color: inherit; }
img { display: block; max-width: 100%; }

.slashes {
  display: inline-flex;
  gap: 0.05em;
  font-style: italic;
  letter-spacing: -0.02em;
}