/* NARR Beach Club — theme: colours and fonts only (layout lives in /shared/css/club.css) */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/shared/fonts/nunito-sans-200.woff2") format("woff2");
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/shared/fonts/lato-300.woff2") format("woff2");
}
@font-face {
  font-family: "Italiana";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/shared/fonts/italiana-400.woff2") format("woff2");
}

:root {
  --c-bg: #000000;        /* behind the full-screen photos/videos: never a white edge */
  --c-text: #ffffff;
  --c-dark: #000000;      /* hero tagline, BOOKING labels */
  --c-sea: #a9c5da;       /* light blue from the logo: hover / today */
  --c-foot: #738b92;      /* footer background */

  --f-head: "Nunito Sans", "Helvetica Neue", Arial, sans-serif;
  --f-body: "Lato", "Helvetica Neue", Arial, sans-serif;
  --f-btn: "Italiana", "Times New Roman", serif;

  --logo-mask: url("/beachclub/assets/Logo/Narr-08.svg");   /* white logo, used as a mask for the shimmer */

  --track-btn: 0.37em;    /* letter-spacing from the layout */
  --track-head: 0.13em;
}