/* assets/css/tokens.css: colors + fonts ONLY. The one file to edit to re-skin Tours Alegría. */
:root{
  /* Brand palette: warm sand, sunset coral, ocean teal, jungle green, sun yellow */
  --bg:          #FBF4E8;   /* page background (warm sand) */
  --paper:       #FFFDF8;   /* cards, polaroids */
  --paper-2:     #F3E6CF;   /* alt sections, postcard ground */
  --ink:         #1F2A24;   /* main text */
  --muted:       #5A6660;   /* secondary text */
  --line:        #E6D7BE;   /* borders */

  --accent:      #C9441C;   /* sunset coral: buttons, highlights */
  --accent-dark: #A3361A;
  --teal:        #0F6E76;   /* ocean */
  --teal-2:      #3E9AA0;
  --leaf:        #2F6B4F;   /* jungle */
  --leaf-2:      #6E9F6B;
  --sun:         #F2B53C;   /* sun yellow */
  --sky:         #CFE6E4;
  --cacao:       #6B3B22;
  --wa:          #1F8F55;   /* WhatsApp-style green (darkened for contrast) */
  --wa-bg:       #E7F1E4;

  /* Footer credit colors (read by the EKY credit logo) */
  --footer-bg:   #173328;
  --footer-fg:   #F7EEDD;

  /* Fonts (Google Fonts; local fallbacks keep the layout close) */
  --font-display: 'Fraunces', 'Lora', Georgia, serif;
  --font-body:    'DM Sans', 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-hand:    'Caveat', 'Segoe Print', 'Bradley Hand', cursive;

  /* Layout */
  --max: 1180px;
  --radius: 18px;
  --shadow: 0 10px 30px -12px rgba(31,42,36,.28);
  --shadow-sm: 0 4px 14px -6px rgba(31,42,36,.25);
}