/*
 * Color themes (THEME_STYLE in the store config → body.style-<slug>).
 * Each one is a 2–3 color palette applied to every surface: page, hero,
 * header bar, promise section, footer, buttons. --on-accent = text on the accent.
 * The older presets (noir, ivoire, graphite, emeraude) live in style.css.
 */

body { --on-accent: #fff; }

/* LIME — Midnight black #0B0B0C · Pure white #FFFFFF · Lime green #C6F432 */
body.style-lime {
  --bg: #ffffff; --surface: #ffffff; --tile: #f1f2ee; --ink: #0b0b0c; --muted: #55565a; --line: #e4e5e0;
  --dark: #0b0b0c; --dark-2: #161618; --on-dark: #ffffff; --on-dark-muted: #b3b4b8;
  --hero-bg: #0b0b0c; --hero-ink: #ffffff; --hero-muted: #b3b4b8; --hero-line: rgba(255, 255, 255, .12);
  --feature-bg: #0b0b0c; --feature-ink: #ffffff; --feature-muted: #b3b4b8;
  --art-bg: #161618; --art-line: rgba(255, 255, 255, .14);
  --cta-bg: #c6f432; --cta-ink: #0b0b0c; --footer-bg: #0b0b0c; --on-accent: #0b0b0c;
  --head-font: var(--sans); --head-weight: 800; --head-tracking: -.03em;
  --radius: 4px; --radius-lg: 8px;
}
body.style-lime .values { background: #c6f432; border-color: #c6f432; }
body.style-lime .values .value { border-color: rgba(11, 11, 12, .15); }
body.style-lime .values svg, body.style-lime .values span { color: #0b0b0c; }
body.style-lime .hero h1 em, body.style-lime .cat-tile__mono { font-style: normal; }
body.style-lime .badge--sale, body.style-lime .woocommerce span.onsale { color: #0b0b0c; }

/* CORAL — Navy #14213D · Cream #F4EDE0 · Coral #FF6B5B */
body.style-coral {
  --bg: #ffffff; --surface: #ffffff; --tile: #f7f2ea; --ink: #14213d; --muted: #59627a; --line: #e9e4dc;
  --dark: #14213d; --dark-2: #1c2c4f; --on-dark: #f4ede0; --on-dark-muted: #aeb6c9;
  --hero-bg: #14213d; --hero-ink: #f4ede0; --hero-muted: #b8bfd0; --hero-line: rgba(244, 237, 224, .14);
  --feature-bg: #14213d; --feature-ink: #f4ede0; --feature-muted: #b8bfd0;
  --art-bg: #1c2c4f; --art-line: rgba(244, 237, 224, .16);
  --cta-bg: #ff6b5b; --cta-ink: #ffffff; --footer-bg: #0f1a31;
  --head-font: "Iowan Old Style", "Palatino Linotype", Georgia, serif; --head-weight: 600;
  --radius: 8px; --radius-lg: 14px;
}

body.style-coral .values { background: #14213d; border-color: #14213d; }
body.style-coral .values .value { border-color: rgba(244, 237, 224, .14); }
body.style-coral .values strong { color: #f4ede0; }
body.style-coral .values span { color: #b8bfd0; }
body.style-coral .values svg { color: #ff6b5b; }

/* FOREST — Forest green #1F3D2B · Sand beige #E8DCC4 · Electric purple #8B5CF6 */
body.style-forest {
  --bg: #ffffff; --surface: #ffffff; --tile: #f4efe4; --ink: #1f3d2b; --muted: #5b6a60; --line: #e7e2d7;
  --dark: #1f3d2b; --dark-2: #2a4d38; --on-dark: #e8dcc4; --on-dark-muted: #b4c0ab;
  --hero-bg: #1f3d2b; --hero-ink: #f1e8d6; --hero-muted: #bcc7b3; --hero-line: rgba(232, 220, 196, .14);
  --feature-bg: #1f3d2b; --feature-ink: #f1e8d6; --feature-muted: #bcc7b3;
  --art-bg: #2a4d38; --art-line: rgba(232, 220, 196, .16);
  --cta-bg: #8b5cf6; --cta-ink: #ffffff; --footer-bg: #17301f;
  --head-font: "Didot", "Bodoni 72", "Bodoni MT", "Playfair Display", Georgia, serif;
  --radius: 2px; --radius-lg: 4px;
}

/* White page; forest green bands; sand only as a light tint. */
body.style-forest .values { background: #1f3d2b; border-color: #1f3d2b; }
body.style-forest .values .value { border-color: rgba(232, 220, 196, .16); }
body.style-forest .values strong { color: #f1e8d6; }
body.style-forest .values span { color: #bcc7b3; }
body.style-forest .values svg { color: #e8dcc4; background: rgba(232, 220, 196, .12) !important; }

/* AZURE — Midnight #010511 · Deep azure #0046DE · Coral rose #FEB193 */
body.style-azure {
  --accent-2: #feb193;
  --bg: #ffffff; --surface: #ffffff; --tile: #eef2fd; --ink: #010511; --muted: #4a5470; --line: #e3e8f4;
  --dark: #010511; --dark-2: #0a1230; --on-dark: #ffffff; --on-dark-muted: #9aa5c4;
  --hero-bg: radial-gradient(900px 560px at 75% 30%, #0a2a8a 0%, #010511 65%);
  --hero-ink: #ffffff; --hero-muted: #aab4d4; --hero-line: rgba(255, 255, 255, .1);
  --feature-bg: #010511; --feature-ink: #ffffff; --feature-muted: #aab4d4;
  --art-bg: #0a1230; --art-line: rgba(255, 255, 255, .12);
  --cta-bg: #0046de; --cta-ink: #ffffff; --footer-bg: #010511;
  --head-font: var(--sans); --head-weight: 700; --head-tracking: -.035em;
  --radius: 12px; --radius-lg: 20px;
}
body.style-azure .hero h1 em, body.style-azure .editorial h2 em { font-style: normal; color: #feb193; }
body.style-azure .badge--sale, body.style-azure .woocommerce span.onsale { background: #feb193; color: #010511; }

/* MOCHA — Mocha sand #C48B67 · Coffee brown #693822 · Tangerine orange #FE4D03 */
body.style-mocha {
  --bg: #ffffff; --surface: #ffffff; --tile: #f6eee7; --ink: #3a1d0f; --muted: #7a5845; --line: #ece2d9;
  --dark: #693822; --dark-2: #7a4430; --on-dark: #f8ece3; --on-dark-muted: #ddbfa9;
  --hero-bg: #693822; --hero-ink: #fbefe6; --hero-muted: #e3c4ae; --hero-line: rgba(251, 239, 230, .14);
  --feature-bg: #c48b67; --feature-ink: #2c140a; --feature-muted: #4b2a19;
  --art-bg: #b07a57; --art-line: rgba(44, 20, 10, .16);
  --cta-bg: #fe4d03; --cta-ink: #ffffff; --footer-bg: #4a2615;
  --head-font: "Iowan Old Style", "Palatino Linotype", Georgia, serif; --head-weight: 500;
  --radius: 999px; --radius-lg: 22px;
}
body.style-mocha .values { background: #693822; border-color: #693822; }
body.style-mocha .values .value { border-color: rgba(248, 236, 227, .14); }
body.style-mocha .values strong { color: #fbefe6; }
body.style-mocha .values span { color: #ddbfa9; }
body.style-mocha .values svg { color: #fe4d03; }
body.style-mocha .editorial .btn--light { background: #693822; border-color: #693822; color: #fbefe6; }

/* SKY — Sky blue #0593C6 · Polar white #FCFFFF */
body.style-sky {
  --bg: #fcffff; --surface: #ffffff; --tile: #e2f3f9; --ink: #06324a; --muted: #4b6a7a; --line: #d3e9f1;
  --dark: #06324a; --dark-2: #0a4060; --on-dark: #fcffff; --on-dark-muted: #a6cfe0;
  --hero-bg: #0593c6; --hero-ink: #fcffff; --hero-muted: #dcf2fa; --hero-line: rgba(252, 255, 255, .2);
  --feature-bg: #e2f3f9; --feature-ink: #06324a; --feature-muted: #4b6a7a;
  --art-bg: #c4e7f4; --art-line: rgba(6, 50, 74, .14);
  --cta-bg: #fcffff; --cta-ink: #0593c6; --footer-bg: #06324a;
  --head-font: var(--sans); --head-weight: 600; --head-tracking: -.02em;
  --radius: 14px; --radius-lg: 22px;
}
body.style-sky .values { background: #06324a; border-color: #06324a; }
body.style-sky .hero .eyebrow { color: #dcf2fa; }
body.style-sky .values .value { border-color: rgba(252, 255, 255, .14); }
body.style-sky .values strong, body.style-sky .values span, body.style-sky .values svg { color: #fcffff; }
body.style-sky .hero h1 em { font-style: normal; color: #06324a; }
body.style-sky .editorial .btn--light { background: #0593c6; border-color: #0593c6; color: #fcffff; }

/* Text on the accent color, everywhere. */
.badge--sale, .woocommerce span.onsale { color: var(--on-accent); }

/* Lime is too light for text on white: sale prices and links use black on a lime highlight. */
body.style-lime .price ins,
body.style-lime .price ins .amount { color: #0b0b0c !important; }
body.style-lime .price ins { background: #c6f432; padding: 0 6px; border-radius: 3px; text-decoration: none; }
body.style-lime .summary a:not(.button):not(.btn), body.style-lime .woocommerce-breadcrumb a:hover { text-decoration-color: #0b0b0c; }
body.style-lime .section .eyebrow, body.style-lime .summary .eyebrow { color: #0b0b0c; }
body.style-mocha .hero .eyebrow { color: #f3c4a3; }
body.style-mocha .editorial .eyebrow { color: #693822; }