/* Bache Pallets palette with the approved Nyte family and readable Outfit body face. */
@font-face {
  font-family: "NyteW00-Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/nyte-w00-bold.woff2") format("woff2");
}

@font-face {
  font-family: "NyteW00-Black";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/assets/fonts/nyte-w00-black.woff2") format("woff2");
}

@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/fonts/outfit-variable.ttf") format("truetype");
}

:root {
  --shell-max: 90rem;
  --shell-gutter: clamp(2rem, 5vw, 5.5rem);
  --measure: 46rem;

  --space-3xs: 0.25rem;
  --space-2xs: 0.375rem;
  --space-xs: 0.5rem;
  --space-sm: 0.625rem;
  --space-md: 1rem;
  --space-lg: 1.625rem;
  --space-xl: 2.625rem;
  --space-2xl: 4.25rem;
  --space-3xl: 6.875rem;
  --section-space: clamp(4.75rem, 6.25vw, 6rem);
  --section-space-compact: clamp(4rem, 5vw, 5rem);

  --colour-navy: #092040;
  --colour-navy-light: #0e2d55;
  --colour-navy-dark: #061530;
  --colour-steel: #2d5da1;
  --colour-charcoal: #2c2c2c;
  --colour-slate: #3d4f5f;
  --colour-warm-white: #f5f3f0;
  --colour-gold: #d4a854;
  --colour-border: #e8e5e0;
  --colour-mid-grey: #8c8c8c;
  --colour-white: #ffffff;
  --colour-focus: #d4a854;

  --font-brand: "NyteW00-Bold", "Outfit", "Segoe UI", Arial, sans-serif;
  --font-body: "Outfit", "Segoe UI", Arial, sans-serif;
  --font-preview: var(--font-body);
  --text-xs: 0.7rem;
  --text-sm: 0.82rem;
  --text-base: 1rem;
  --text-lg: 1.28rem;
  --text-xl: 2rem;
  --text-2xl: clamp(3rem, 4.5vw, 5rem);
  --text-3xl: clamp(4.2rem, 6vw, 6.9rem);
  --tracking-display: -0.025em;
  --tracking-heading: -0.02em;
  --leading-tight: 1.05;
  --leading-heading: 1.1;
  --leading-body: 1.65;

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;

  --shadow-soft: 0 1.5rem 4rem rgb(6 21 48 / 0.12);
}