/* ================================================================
   EAST VOYAGES — PALETTE FILE
   ================================================================
   This is the ONLY file you need to edit to change the colour
   scheme of the entire website.

   Four ready-made palettes are provided below.
   STEP: Copy one palette block and paste it into :root { } to use it.
   ================================================================ */


/* ── ACTIVE PALETTE ─────────────────────────────────────────────
   Currently set to: PALETTE 1 · SANDALWOOD (Light)
   Replace the variable values below to switch palettes.
──────────────────────────────────────────────────────────────── */
:root {
  --bg:              #F4F0E8;
  --bg-secondary:    #EBE5D9;
  --bg-hero:         #E8E0D0;
  --bg-card-img:     #D8CEB8;
  --bg-card-body:    #EDE7DB;
  --bg-icon:         #E3DAC8;
  --bg-tag:          #DDD3C0;

  --text-primary:    #1E1612;
  --text-mid:        #3D3028;
  --text-muted:      #7A6A58;

  --accent:          #A8896C;
  --accent-dark:     #6B5640;

  --btn-bg:          #3D3028;
  --btn-text:        #F4F0E8;
  --btn-border:      #3D3028;

  --nav-border:      rgba(61, 48, 40, 0.10);
  --border:          rgba(61, 48, 40, 0.10);

  --tag-text:        #3D3028;
  --card-img-text:   #3D3028;
}
/* ================================================================
   PALETTE 1 · SANDALWOOD  (Light — shown above, active by default)
   ================================================================
   Warm ivory background, golden-tan accents, deep brown text.
   Feels rich and welcoming like Indian sandstone.

  --bg:              #F5EFE6;
  --bg-secondary:    #EDE5D8;
  --bg-hero:         #EDE3D2;
  --bg-card-img:     #DFD0BA;
  --bg-card-body:    #F0E8DC;
  --bg-icon:         #F5EAD8;
  --bg-tag:          #E8D8BE;

  --text-primary:    #2E2217;
  --text-mid:        #5C4A32;
  --text-muted:      #8B7355;

  --accent:          #C9A96E;
  --accent-dark:     #8B6A3A;

  --btn-bg:          #C9A96E;
  --btn-text:        #ffffff;
  --btn-border:      #C9A96E;

  --nav-border:      rgba(90, 65, 30, 0.12);
  --border:          rgba(90, 65, 30, 0.10);

  --tag-text:        #6B4F28;
  --card-img-text:   #5C4A32;
================================================================ */


/* ================================================================
   PALETTE 2 · IVORY & UMBER  (Light)
   ================================================================
   Cooler cream base with deep umber tones.
   Classic, understated elegance.

  --bg:              #F4F0E8;
  --bg-secondary:    #EBE5D9;
  --bg-hero:         #E8E0D0;
  --bg-card-img:     #D8CEB8;
  --bg-card-body:    #EDE7DB;
  --bg-icon:         #E3DAC8;
  --bg-tag:          #DDD3C0;

  --text-primary:    #1E1612;
  --text-mid:        #3D3028;
  --text-muted:      #7A6A58;

  --accent:          #A8896C;
  --accent-dark:     #6B5640;

  --btn-bg:          #3D3028;
  --btn-text:        #F4F0E8;
  --btn-border:      #3D3028;

  --nav-border:      rgba(61, 48, 40, 0.10);
  --border:          rgba(61, 48, 40, 0.10);

  --tag-text:        #3D3028;
  --card-img-text:   #3D3028;
================================================================ */


/* ================================================================
   PALETTE 3 · MIDNIGHT TEAK  (Dark)
   ================================================================
   Deep charcoal background with warm teak-gold accents.
   Rich, moody, and luxurious.

  --bg:              #1A1510;
  --bg-secondary:    #231D16;
  --bg-hero:         #201810;
  --bg-card-img:     #2E2418;
  --bg-card-body:    #251E15;
  --bg-icon:         #2A2218;
  --bg-tag:          #352A1E;

  --text-primary:    #F0E6D6;
  --text-mid:        #C8A87A;
  --text-muted:      #9A8468;

  --accent:          #C9A96E;
  --accent-dark:     #E0C090;

  --btn-bg:          #C9A96E;
  --btn-text:        #1A1510;
  --btn-border:      #C9A96E;

  --nav-border:      rgba(201, 169, 110, 0.15);
  --border:          rgba(201, 169, 110, 0.10);

  --tag-text:        #C9A96E;
  --card-img-text:   #E0C090;
================================================================ */


/* ================================================================
   PALETTE 4 · OBSIDIAN & SAFFRON  (Dark)
   ================================================================
   Near-black backdrop with bold saffron-orange accents.
   Dramatic, striking, high contrast.

  --bg:              #111010;
  --bg-secondary:    #1A1918;
  --bg-hero:         #181614;
  --bg-card-img:     #252220;
  --bg-card-body:    #1D1B19;
  --bg-icon:         #221E1A;
  --bg-tag:          #2A2520;

  --text-primary:    #F2EDE6;
  --text-mid:        #D4A96A;
  --text-muted:      #8A7A6A;

  --accent:          #E8922A;
  --accent-dark:     #F5AB50;

  --btn-bg:          #E8922A;
  --btn-text:        #111010;
  --btn-border:      #E8922A;

  --nav-border:      rgba(232, 146, 42, 0.15);
  --border:          rgba(232, 146, 42, 0.10);

  --tag-text:        #E8922A;
  --card-img-text:   #F5AB50;
================================================================ */