/* Seasonal Colors - Standalone CSS */
/* Generated by generate_seasonal_colors.py */
/* 
 * To use this file:
 * 1. Link this CSS file in your HTML: <link rel="stylesheet" href="seasonal-colors.css">
 * 2. Add this script to set the current month:
 *    <script>
 *      const monthNames = ['january', 'february', 'march', 'april', 'may', 'june',
 *                         'july', 'august', 'september', 'october', 'november', 'december'];
 *      document.documentElement.setAttribute('data-season', monthNames[new Date().getMonth()]);
 *    </script>
 */

/* Seasonal color variations - generated by generate_seasonal_colors.py */
/* Each month gets subtle color variations based on seasonal themes */

/* January - Peak Winter */
[data-season="january"] {
  --text-color: #1a1a2d;
  --bg-color: #f8f9f9;
  --contrast-color: #6a45c1;
  --border-color: #495468;
  --border-color-light: #707f96;
}

[data-season="january"] @media (prefers-color-scheme: dark) {
  --text-color: #e2e8f0;
  --bg-color: #0f1319;
  --contrast-color: #62b3ed;
  --border-color: #495468;
  --border-color-light: #707f96;
}

/* February - Late Winter */
[data-season="february"] {
  --text-color: #1a252d;
  --bg-color: #f7f9f9;
  --contrast-color: #3f5dba;
  --border-color: #4a656d;
  --border-color-light: #6c9caa;
}

[data-season="february"] @media (prefers-color-scheme: dark) {
  --text-color: #e1eff5;
  --bg-color: #0f1919;
  --contrast-color: #63d7e5;
  --border-color: #4a656d;
  --border-color-light: #77a6b3;
}

/* March - Early Spring */
[data-season="march"] {
  --text-color: #1a2d26;
  --bg-color: #f7f9f8;
  --contrast-color: #3ba9ab;
  --border-color: #4a7568;
  --border-color-light: #68c2ab;
}

[data-season="march"] @media (prefers-color-scheme: dark) {
  --text-color: #e3fbfb;
  --bg-color: #0f1a14;
  --contrast-color: #65dbb7;
  --border-color: #4a7568;
  --border-color-light: #87d3be;
}

/* April - Peak Spring */
[data-season="april"] {
  --text-color: #1a2d1a;
  --bg-color: #f7faf7;
  --contrast-color: #38a169;
  --border-color: #497c59;
  --border-color-light: #68d391;
}

[data-season="april"] @media (prefers-color-scheme: dark) {
  --text-color: #e5fffa;
  --bg-color: #0f1a0f;
  --contrast-color: #68d391;
  --border-color: #497c59;
  --border-color-light: #99e6b3;
}

/* May - Late Spring */
[data-season="may"] {
  --text-color: #222d16;
  --bg-color: #f8fbf6;
  --contrast-color: #56ab35;
  --border-color: #4b8237;
  --border-color-light: #6bcb4e;
}

[data-season="may"] @media (prefers-color-scheme: dark) {
  --text-color: #e7fcea;
  --bg-color: #141a0f;
  --contrast-color: #76de61;
  --border-color: #58804d;
  --border-color-light: #91d683;
}

/* June - Early Summer */
[data-season="june"] {
  --text-color: #2c2712;
  --bg-color: #fcfdf6;
  --contrast-color: #b99632;
  --border-color: #888621;
  --border-color-light: #b9b134;
}

[data-season="june"] @media (prefers-color-scheme: dark) {
  --text-color: #f3f7e9;
  --bg-color: #1a1a10;
  --contrast-color: #ddec5a;
  --border-color: #828651;
  --border-color-light: #b0bd69;
}

/* July - Peak Summer */
[data-season="july"] {
  --text-color: #2c170f;
  --bg-color: #fefcf7;
  --contrast-color: #c53030;
  --border-color: #8b4412;
  --border-color-light: #a0522d;
}

[data-season="july"] @media (prefers-color-scheme: dark) {
  --text-color: #f4f1ea;
  --bg-color: #1a1611;
  --contrast-color: #f5ad55;
  --border-color: #8b7354;
  --border-color-light: #a68b5a;
}

/* August - Late Summer */
[data-season="august"] {
  --text-color: #2c1810;
  --bg-color: #fdfaf4;
  --contrast-color: #c23224;
  --border-color: #8b4412;
  --border-color-light: #af5f30;
}

[data-season="august"] @media (prefers-color-scheme: dark) {
  --text-color: #f2ede4;
  --bg-color: #1a1510;
  --contrast-color: #f0993f;
  --border-color: #8e673d;
  --border-color-light: #a67c4b;
}

/* September - Early Fall */
[data-season="september"] {
  --text-color: #2c1810;
  --bg-color: #fdf9f2;
  --contrast-color: #bc3916;
  --border-color: #8b4412;
  --border-color-light: #c47434;
}

[data-season="september"] @media (prefers-color-scheme: dark) {
  --text-color: #f0e9da;
  --bg-color: #1b1410;
  --contrast-color: #e67d25;
  --border-color: #8e5423;
  --border-color-light: #a36539;
}

/* October - Peak Fall */
[data-season="october"] {
  --text-color: #2d1810;
  --bg-color: #fdf8ef;
  --contrast-color: #b7410e;
  --border-color: #8b4412;
  --border-color-light: #cc853f;
}

[data-season="october"] @media (prefers-color-scheme: dark) {
  --text-color: #f0e6d2;
  --bg-color: #1c1410;
  --contrast-color: #d2681e;
  --border-color: #8b4412;
  --border-color-light: #a0522d;
}

/* November - Late Fall */
[data-season="november"] {
  --text-color: #232d12;
  --bg-color: #f7fbf2;
  --contrast-color: #6cbd1b;
  --border-color: #5d8122;
  --border-color-light: #8dbc4d;
}

[data-season="november"] @media (prefers-color-scheme: dark) {
  --text-color: #e2efd7;
  --bg-color: #171b0f;
  --contrast-color: #a7e22a;
  --border-color: #5d8122;
  --border-color-light: #829f3e;
}

/* December - Early Winter */
[data-season="december"] {
  --text-color: #162d2b;
  --bg-color: #f5faf8;
  --contrast-color: #2fb4c3;
  --border-color: #387360;
  --border-color-light: #61a68f;
}

[data-season="december"] @media (prefers-color-scheme: dark) {
  --text-color: #ddefea;
  --bg-color: #0f1915;
  --contrast-color: #4ae89c;
  --border-color: #387360;
  --border-color-light: #599c82;
}