@charset "UTF-8";

/* --- CUSTOM FONTS --- */
@font-face {
  font-family: "Timeless Horizon";
  src: url("../fonts/timelesshorizon-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Timeless Horizon";
  src: url("../fonts/timelesshorizon-italic.ttf") format("truetype"),
       url("../fonts/timelesshorizon-italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Bendhoel";
  src: url("../fonts/Bendhoel.ttf") format("truetype"),
       url("../fonts/Bendhoel.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

/* --- RESET & VARIABLES --- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --navy:   #002D62;
  --steel:  #426D9D;
  --pastel: #AECBEA;
  --cream:  #F8F5F0;
  --white:  #FFFFFF;
  --gold:   #C9A96E;
  --dark:   #060E1A;
}
html { scroll-behavior: smooth; }
body {
  font-family: 'Bendhoel', sans-serif;
  background: var(--dark);
  color: var(--cream);
  overflow-x: hidden;
}