@font-face {
  font-family: 'Bodoni Moda';
  src: url('/fonts/bodoni-book-bt.ttf') format('truetype');
}

@font-face {
  font-family: 'Cargo';
  src: url('/fonts/freight-big-pro-book-regular.ttf') format('truetype');
}

:root {
  /* ---- Core palette ---- */
  
  --brand: transparent;         /* your accent */

  --muted: #6b7280;         /* gray-500 */
  --panel: #ffffff;
  --ring: transparent;
  --shadow: 0 20px 50px rgba(0,0,0,.15);
  --radius: 16px;
  
  --blue: #004;
  --secondary: #F5F7F8;
  --bodytext: 'Lato','Poppins';
 // --titletext: "Montserrat", "Bodoni Moda", serif;
  --titletext: "Spectral", "Bodoni Moda", serif;
  
  --navtext: "Raleway", "Lato", "Poppins", sans-serif;
  --sbFont: 'Lato','Poppins';
  --sbColor: #000;
  
  --darkness: #5e756e;
  --ink: #16283d;              /* primary dark — navy, not tinted-black */
  --ink-deep: #0e1c2c;         /* deepest navy, for gradients/depth only */
  --paper: #f6f4ef;            /* primary light — cool off-white, not cream */
  --paper-dim: #ece8de;        /* subtle secondary light tone */

  /* ---- Accent ---- */
  --rust: #8c3b2e;             /* brick-red accent — keep muted, not flag-red */
  --rust-light: #b0604f;       /* lighter brick, for use on dark backgrounds */

  /* ---- Text ---- */
  --ink-text: #14212f;         /* body text on paper/light backgrounds */
  --pale: #e3e8ec;             /* body text on ink/dark backgrounds */
  --muted-dark: rgba(246,244,239,0.62);  /* secondary text on dark bg */
  --muted-light: #4a5568;      /* secondary text on light bg */
  --cream: #F4F1E6;
  --netco-cream:      #f6f4ef;
  --netco-dark:       #16283d;
  --netco-mid:        #16304e;
  --netco-border:     #ddd8ce;
  --netco-muted:      rgba(246,244,239,0.62);
  --netco-gold:       #8a7d68;
  --netco-light-text: #e3e8ec;
  
  --netco-gold-light:  #D4AF85;
  --netco-muted:       #4a5568;

  /* ---- Hairlines ---- */
  --line-on-dark: rgba(246,244,239,0.22);
  --line-on-light: rgba(22,40,61,0.18);

  /* ---- Type ---- */
  --serif: 'Spectral', serif;
  --font-serif: 'Spectral', serif;
  --font-sans: 'IBM Plex Sans', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

}

.quote-stars {
	background: url("/5stars.png") center center no-repeat;
	aspect-ratio: 300/46;
	width: 150px;
	height: 23px;
	margin-bottom: 5px;
	background-size: cover;
}