/* =========================================================
   PAWS & PORCH — ALTERNATE PALETTES
   -----------------------------------------------------------
   Each class below overrides only the custom properties
   defined in styles.css :root — no other rules change.
   To switch the whole site: set "theme" in site.config.json
   to one of the class names here, then run `node build.js`.
   ========================================================= */

.theme-orchard {
  /* Explicit restatement of the styles.css :root defaults —
     kept as a real class so every theme name is switchable
     the same way, none of them relying on "no class set". */
  --color-pine:      #1F2E22;
  --color-cream:      #F5EFE0;
  --color-clay:       #B5592B;
  --color-clay-dark:  #99451F;
  --color-moss:       #6B7A55;
  --color-butter:     #E6B94D;
  --color-charcoal:   #2A2622;
  --color-charcoal-60: rgba(42, 38, 34, 0.6);
  --color-line:       rgba(42, 38, 34, 0.14);
  --color-surface-alt: #EFE7D3;
  --shadow-photo:     rgba(31, 46, 34, 0.18);
  --shadow-card:      rgba(181, 89, 43, 0.14);
}

.theme-coastal {
  --color-pine:      #1B3A4B;
  --color-cream:      #F1EFE6;
  --color-clay:       #2E7D6B;
  --color-clay-dark:  #235F52;
  --color-moss:       #6E8FA0;
  --color-butter:     #E8B959;
  --color-charcoal:   #21303A;
  --color-charcoal-60: rgba(33, 48, 58, 0.6);
  --color-line:       rgba(33, 48, 58, 0.14);
  --color-surface-alt: #E4E7E1;
  --shadow-photo:     rgba(27, 58, 75, 0.2);
  --shadow-card:      rgba(46, 125, 107, 0.16);
}

.theme-berry {
  --color-pine:      #2B1F2E;
  --color-cream:      #F6EEE9;
  --color-clay:       #A23B4E;
  --color-clay-dark:  #832E3E;
  --color-moss:       #7A6B8A;
  --color-butter:     #E0A94D;
  --color-charcoal:   #2A2226;
  --color-charcoal-60: rgba(42, 34, 38, 0.6);
  --color-line:       rgba(42, 34, 38, 0.14);
  --color-surface-alt: #EFE1DA;
  --shadow-photo:     rgba(43, 31, 46, 0.2);
  --shadow-card:      rgba(162, 59, 78, 0.16);
}

.theme-slate {
  --color-pine:      #22282B;
  --color-cream:      #F4F3EF;
  --color-clay:       #3E7C8A;
  --color-clay-dark:  #2E5F6A;
  --color-moss:       #8A8578;
  --color-butter:     #D9A441;
  --color-charcoal:   #262625;
  --color-charcoal-60: rgba(38, 38, 37, 0.6);
  --color-line:       rgba(38, 38, 37, 0.14);
  --color-surface-alt: #E7E5DE;
  --shadow-photo:     rgba(34, 40, 43, 0.18);
  --shadow-card:      rgba(62, 124, 138, 0.16);
}

.theme-meadow {
  --color-pine:      #2F4A2E;
  --color-cream:      #FBF6E9;
  --color-clay:       #C46A3D;
  --color-clay-dark:  #A5522A;
  --color-moss:       #85A05C;
  --color-butter:     #EFC55C;
  --color-charcoal:   #2C2A20;
  --color-charcoal-60: rgba(44, 42, 32, 0.6);
  --color-line:       rgba(44, 42, 32, 0.14);
  --color-surface-alt: #F1E9D2;
  --shadow-photo:     rgba(47, 74, 46, 0.2);
  --shadow-card:      rgba(196, 106, 61, 0.16);
}