/* Kennedy Designs — color themes.
 * Preview any theme with ?theme=<slug> (e.g. /?theme=workwear); it sticks for the browser tab session.
 * Slugs: kraft | workwear | blackgold | northwoods | plaid
 *
 * CHANGE THE SITE-WIDE DEFAULT (one line): move the `:root:not([data-theme]),` prefix
 * to the selector of the theme you want. It is currently on "kraft".
 */

/* 1. Kraft & Rust */
[data-theme="kraft"] {
  --bg: #fbf8f1;
  --surface-alt: #f6f0e4;
  --card: #ffffff;
  --heading: #2a2521;
  --text: #3b342e;
  --muted: #6d6257;
  --line: #e4d8c3;
  --line-strong: #b89970;
  --input-border: #cfc2ac;
  --accent: #a24e26;
  --accent-dark: #823c1b;
  --on-accent: #ffffff;
  --eyebrow: #a24e26;
  --check: #2f4a3a;
  --focus: rgba(162, 78, 38, .3);
  --hero-glow: rgba(162, 78, 38, .12);
  --header-bg: rgba(246, 240, 228, .96);
  --band: #2f4a3a;
  --band-2: #233829;
  --band-text: #e9efe9;
  --band-muted: #cfdcd2;
  --band-eyebrow: #f0b48f;
  --step-bg: #a24e26;
  --step-text: #ffffff;
  --dark: #2a2521;
  --footer-bg: #2a2521;
  --dark-text: #e6ddd0;
  --dark-muted: #a59b8d;
  --footer-link: #f1e6d6;
  --light-btn: #f6f0e4;
  --light-btn-text: #2a2521;
  --logo-bg: #a24e26;
  --logo-fg: #f6f0e4;
  --ph-bg: #d9c3a0;
  --stripe-h: 0px;
  --stripe: none;
}

/* 2. Workwear Navy & Khaki */
[data-theme="workwear"] {
  --bg: #f8f5ee;
  --surface-alt: #ede5d3;
  --card: #ffffff;
  --heading: #1b2a41;
  --text: #2d3440;
  --muted: #5b6270;
  --line: #ddd3bd;
  --line-strong: #a8936a;
  --input-border: #c9bea6;
  --accent: #1f3a5f;
  --accent-dark: #152a46;
  --on-accent: #ffffff;
  --eyebrow: #7a5c2a;
  --check: #7a5c2a;
  --focus: rgba(31, 58, 95, .3);
  --hero-glow: rgba(176, 146, 92, .22);
  --header-bg: rgba(237, 229, 211, .96);
  --band: #1b2a41;
  --band-2: #24364f;
  --band-text: #e6ebf2;
  --band-muted: #c3ccd8;
  --band-eyebrow: #d9bf8c;
  --step-bg: #c9a96e;
  --step-text: #1b2a41;
  --dark: #1b2a41;
  --footer-bg: #121c2c;
  --dark-text: #dfe4ea;
  --dark-muted: #9aa6b6;
  --footer-link: #e9dcc0;
  --light-btn: #ede5d3;
  --light-btn-text: #1b2a41;
  --logo-bg: #1f3a5f;
  --logo-fg: #ede5d3;
  --ph-bg: #d8ccb1;
  --stripe-h: 0px;
  --stripe: none;
}

/* 3. Black & Gold */
[data-theme="blackgold"] {
  --bg: #faf8f3;
  --surface-alt: #f2ede1;
  --card: #ffffff;
  --heading: #121212;
  --text: #262626;
  --muted: #5c5850;
  --line: #e3dccb;
  --line-strong: #b89a4e;
  --input-border: #cdc5b3;
  --accent: #121212;
  --accent-dark: #333333;
  --on-accent: #e9c766;
  --eyebrow: #856612;
  --check: #856612;
  --focus: rgba(201, 162, 39, .45);
  --hero-glow: rgba(212, 175, 55, .20);
  --header-bg: rgba(250, 248, 243, .96);
  --band: #121212;
  --band-2: #1f1f1f;
  --band-text: #ece8df;
  --band-muted: #bdb6a8;
  --band-eyebrow: #e0b84a;
  --step-bg: #d4af37;
  --step-text: #121212;
  --dark: #121212;
  --footer-bg: #0b0b0b;
  --dark-text: #d9d4c9;
  --dark-muted: #9a9384;
  --footer-link: #e9c766;
  --light-btn: #d4af37;
  --light-btn-text: #121212;
  --logo-bg: #121212;
  --logo-fg: #d4af37;
  --ph-bg: #e0d6c0;
  --stripe-h: 0px;
  --stripe: none;
}

/* 4. Northwoods Green & Cream */
:root:not([data-theme]), [data-theme="northwoods"] {
  /* Greens: exactly three. dark #1d3324 | mid #2e5e3e | light #c4d3c4 */
  --success-bg: #c4d3c4;
  --success-text: #1d3324;
  --success-border: #2e5e3e;
  --bg: #fbf7ec;
  --surface-alt: #f1ead6;
  --card: #fffdf8;
  --heading: #1d3324;
  --text: #1d3324;
  --muted: #5a675b;
  --line: #dfd6bf;
  --line-strong: #2e5e3e;
  --input-border: #c8c3ad;
  --accent: #2e5e3e;
  --accent-dark: #1d3324;
  --on-accent: #ffffff;
  --eyebrow: #94561b;
  --check: #2e5e3e;
  --focus: rgba(46, 94, 62, .3);
  --hero-glow: rgba(46, 94, 62, .12);
  --header-bg: rgba(241, 234, 214, .96);
  --band: #1d3324;
  --band-2: #2e5e3e;
  --band-text: #ffffff;
  --band-muted: #c4d3c4;
  --band-eyebrow: #e6c27a;
  --step-bg: #e0b252;
  --step-text: #1d3324;
  --dark: #3b2e22;
  --footer-bg: #1d3324;
  --dark-text: #e7e0d0;
  --dark-muted: #c4d3c4;
  --footer-link: #f0e2bf;
  --light-btn: #f1ead6;
  --light-btn-text: #1d3324;
  --logo-bg: #2e5e3e;
  --logo-fg: #f1ead6;
  --ph-bg: #dcd2b6;
  --stripe-h: 0px;
  --stripe: none;
}

/* 5. Charcoal & Buffalo Plaid */
[data-theme="plaid"] {
  --bg: #f7f5f2;
  --surface-alt: #eeeae5;
  --card: #ffffff;
  --heading: #1f1f1f;
  --text: #2d2b29;
  --muted: #5f5a55;
  --line: #e0dad3;
  --line-strong: #b5aca2;
  --input-border: #cbc4bc;
  --accent: #b3202a;
  --accent-dark: #8e1820;
  --on-accent: #ffffff;
  --eyebrow: #b3202a;
  --check: #b3202a;
  --focus: rgba(179, 32, 42, .28);
  --hero-glow: rgba(179, 32, 42, .08);
  --header-bg: rgba(247, 245, 242, .96);
  --band: #2b2b2b;
  --band-2: #363636;
  --band-text: #ece9e6;
  --band-muted: #c4bfba;
  --band-eyebrow: #f19a9a;
  --step-bg: #c4262f;
  --step-text: #ffffff;
  --dark: #1f1f1f;
  --footer-bg: #1a1a1a;
  --dark-text: #e2deda;
  --dark-muted: #a19a94;
  --footer-link: #f5c6c6;
  --light-btn: #ffffff;
  --light-btn-text: #1f1f1f;
  --logo-bg: #b3202a;
  --logo-fg: #ffffff;
  --ph-bg: #ddd6cf;
  --stripe-h: 14px;
  --stripe: repeating-linear-gradient(90deg, rgba(0, 0, 0, .6) 0 14px, transparent 14px 28px), repeating-linear-gradient(0deg, rgba(0, 0, 0, .45) 0 7px, transparent 7px 14px), #b3202a;
}