/**
 * Side Quest Deventer — seasonal themes.
 *
 * Switching [data-season] on <html> re-themes the whole site: accent colours,
 * background tints, the fixed background pattern, and the hero decorations.
 * Summer is the base look; spring / autumn / winter override the key tokens.
 */

/* ------------------------------------------------------------------ */
/* SPRING — fresh green + blossom pink, light and airy                */
/* ------------------------------------------------------------------ */
html[data-season="spring"] {
  --ssq-orange: #4aa564;        /* primary accent -> spring green */
  --ssq-orange-dark: #388050;
  --ssq-orange-soft: #8fd0a3;
  --ssq-blue: #d46a9f;          /* secondary -> blossom pink */
  --ssq-blue-dark: #b64f83;
  --ssq-blue-2: #e389b6;
  --ssq-cream: #f3f8ee;
  --ssq-cream-2: #f8fbf3;
  --ssq-paper: #fcfef9;
  --ssq-text: #2f4033;
  --ssq-text-soft: #566b5a;
  --ssq-shadow: 0 10px 30px rgba(74, 165, 100, 0.14);
  --ssq-shadow-lg: 0 18px 45px rgba(74, 165, 100, 0.2);
}
html[data-season="spring"] body {
  background-image: url('../images/seasons/pattern-spring.svg');
}

/* ------------------------------------------------------------------ */
/* SUMMER — the original orange + navy (base look)                    */
/* ------------------------------------------------------------------ */
/* No overrides needed; :root in style.css already defines summer.    */
html[data-season="summer"] body {
  background-image: url('../images/bg-pattern.svg');
}

/* ------------------------------------------------------------------ */
/* AUTUMN — warm amber + deep red-brown                               */
/* ------------------------------------------------------------------ */
html[data-season="autumn"] {
  --ssq-orange: #d2691e;        /* pumpkin */
  --ssq-orange-dark: #a94f14;
  --ssq-orange-soft: #e8a35c;
  --ssq-blue: #7c3a2d;          /* secondary -> chestnut */
  --ssq-blue-dark: #5e2a20;
  --ssq-blue-2: #9a5240;
  --ssq-yellow: #e2a72e;
  --ssq-green: #8a7d2a;
  --ssq-cream: #f7ecd9;
  --ssq-cream-2: #fbf3e5;
  --ssq-paper: #fff8ee;
  --ssq-text: #3a2a20;
  --ssq-text-soft: #6a5346;
  --ssq-shadow: 0 10px 30px rgba(124, 58, 45, 0.14);
  --ssq-shadow-lg: 0 18px 45px rgba(124, 58, 45, 0.2);
}
html[data-season="autumn"] body {
  background-image: url('../images/seasons/pattern-autumn.svg');
}

/* ------------------------------------------------------------------ */
/* WINTER — cool ice blue + evergreen, crisp                          */
/* ------------------------------------------------------------------ */
html[data-season="winter"] {
  --ssq-orange: #2f8fb0;        /* primary accent -> ice blue */
  --ssq-orange-dark: #22718d;
  --ssq-orange-soft: #7ec2da;
  --ssq-blue: #294a6b;          /* secondary -> deep frost navy */
  --ssq-blue-dark: #1d3650;
  --ssq-blue-2: #3f6690;
  --ssq-green: #2f7d57;
  --ssq-pink: #b47fc0;
  --ssq-cream: #eef4f8;
  --ssq-cream-2: #f5f9fc;
  --ssq-paper: #fbfdff;
  --ssq-text: #22303d;
  --ssq-text-soft: #4a5b6b;
  --ssq-shadow: 0 10px 30px rgba(41, 74, 107, 0.14);
  --ssq-shadow-lg: 0 18px 45px rgba(41, 74, 107, 0.2);
}
html[data-season="winter"] body {
  background-image: url('../images/seasons/pattern-winter.svg');
}

/* ------------------------------------------------------------------ */
/* Hero decorations per season                                        */
/* The decoration <img> sources are swapped in PHP (ssq_hero_          */
/* decorations); colours below follow the season's --ssq tokens.      */
/* ------------------------------------------------------------------ */