/* Global variables */
:root {
  --trans-speed: 0.6s;
  --navbar-bg: rgba(250, 248, 244, 0.9);
  /* soft cream (FAF8F4) with opacity */
  --logo-sage-dark: #7FA26A;
  /* darker sage tone for better contrast */
  /* --logo-sage-dark: #556B45;
  --logo-sage-dark: #699399; */
  --logo-sage-dark: #455d63;
  /* --main-color: 69, 93, 99; */
  --main-color: 13, 41, 48;
  /* RGB values but not wrapped so we can use in rgba with opacity */

  --logo-sage-very-dark: #2F3B27;

  --dark-gold: #B8860B;


  /* even darker sage tone for better contrast */
}


/* ================================
   Theme Variables
   ================================ */
:root {
  --trans-speed: 0.6s;
  --navbar-bg: rgba(250, 248, 244, 0.9);
  /* soft cream background (#FAF8F4) */

}


:root {
  --offwhite: rgba(250, 248, 244, 0.9);
  /* base */
  --logo-sage-dark-light: #46583A;
  /* +10% lighter */
  --logo-sage-dark-hover: #516743;
  /* +20% lighter for hover */
  --border-radius: 10px;

  /* FONTS */
  --body-font-sans: 'Public Sans', sans-serif;
  --body-font: 'Alice', sans-serif;
  --title-font: 'Merriweather', serif;
}

html body h2 {
  font-size: 1.5rem;
  /* border-bottom: 1px solid var(--dark-gold);
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: inline-block; */
}



/* 
🎨 Teal + Gold Pairing Palette
Name	Description	Hex
Deep Teal	Strong, modern base	#006D6F
Soft Teal	Lighter background version	#2CA6A4
Dark Gold	Classic accent	#B8860B
Warm Gold	Softer contrast	#C9A227

Teal-Gold Blend Shades

If you want a single “teal gold” tone — a color that feels like teal with golden warmth — try:

Name	Description	Hex
Teal Gold (balanced)	Mix of teal depth and gold warmth	#4A8172
Muted Teal Gold	Earthier, antique tone	#5B7B6B
Vibrant Teal Gold	Slightly metallic, livelier tone	#3FA380 */


/* Rivivera specific global variables can go here. */

img.yp-logo {
  width: auto;
  height: auto;
  opacity: 0.8;
  transition: 0.3s ease;
}

img.yp-logo:hover {
  opacity: 1;
}