/*!
 * GuidedTour Framework - Default Theme
 * Inspired by the Trieste example guide
 * 
 * Color palette: Warm rust, navy, cream tones
 * Typography: Cormorant Garamond (serif) + Archivo (sans-serif)
 */

/* ============================================================
   GOOGLE FONTS IMPORT
   ============================================================
   Cormorant Garamond: Elegant serif for headings and quotes
   Archivo: Clean sans-serif for body text and UI elements
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Archivo:wght@300;400;500;600&display=swap');

/* ============================================================
   THEME VARIABLES
   ============================================================
   Customize these values to create your own theme.
   All colors meet WCAG AA contrast requirements (4.5:1 minimum)
   ============================================================ */

:root {
  /* ------------------------------------------------------------
     COLOR PALETTE
     ------------------------------------------------------------ */
  
  /* Primary accent color - used for borders, circles, highlights */
  --primary-accent: #B84C2C;
  --primary-accent-light: #D4623F;
  
  /* Secondary accent color - used for dark backgrounds, headings */
  --secondary-accent: #1A2744;
  
  /* Background colors */
  --background-primary: #FAF7F2;   /* Main page background - warm off-white */
  --background-secondary: #F5F0E8; /* Cream - used for hero text, cards */
  --background-tertiary: #EAE3D5;  /* Cream dark - used for dividers, tips */
  
  /* Text colors */
  --text-primary: #1C1A18;   /* Ink - main body text, near-black */
  --text-secondary: #6B5F52; /* Mid - metadata, secondary text */
  
  /* Highlight color - used for labels, rules, accents */
  --highlight-color: #C9A84C; /* Gold */
  
  /* ------------------------------------------------------------
     TYPOGRAPHY
     ------------------------------------------------------------ */
  
  /* Serif font for headings, quotes, and editorial elements */
  --font-serif: 'Cormorant Garamond', 'Garamond', 'Georgia', serif;
  
  /* Sans-serif font for body text and UI elements */
  --font-body: 'Archivo', 'Helvetica Neue', 'Arial', sans-serif;
  
  /* ------------------------------------------------------------
     SPACING & LAYOUT (Optional)
     ------------------------------------------------------------ */
  
  /* Border radius for cards, photos, etc. */
  --border-radius: 2px;
  
  /* Standard transition duration for smooth interactions */
  --transition-duration: 0.3s;
}

/* ============================================================
   THEME-SPECIFIC OVERRIDES (Optional)
   ============================================================
   Use this section for theme-specific adjustments that go
   beyond simple color/font changes. Most themes won't need this.
   ============================================================ */

/* Example: Adjust hero overlay gradient for this specific theme */
/* Uncomment and modify if needed:

.hero-overlay {
  background: linear-gradient(
    to bottom,
    rgba(26, 39, 68, 0.25) 0%,
    rgba(26, 39, 68, 0.65) 100%
  );
}
*/