/* Nine site themes. Theme 1 is the default in style.css; the others override its tokens. */

/* 2. Royal Navy: classic prestige, navy and antique gold */
[data-theme="navy"] {
  --ink: #0e1d3a; --ink-2: #16294d; --ink-3: #223a68; --ink-deep: #08132a;
  --paper: #f8f7f4; --sand: #eeebe3; --line: #dfdacd; --surface: #fff;
  --text: #141b2b; --muted: #5a6274; --body: #343c4f;
  --gold: #c9a227; --gold-2: #e9cf74; --sage: #8ea3c9; --on-gold: #1a1503;
  --gold-soft: rgba(201, 162, 39, .16); --gold-tint: #fbf6e4; --nav-bg: rgba(14, 29, 58, .93);
  --serif: "Playfair Display", Georgia, serif; --sans: "Manrope", system-ui, sans-serif;
  --head-weight: 600; --head-track: -.015em;
  --shadow: 0 1px 2px rgba(14, 29, 58, .06), 0 10px 30px -12px rgba(14, 29, 58, .2);
  --shadow-lg: 0 30px 60px -24px rgba(14, 29, 58, .4);
}

/* 3. Midnight Plum: quiet luxury, plum and rose gold */
[data-theme="plum"] {
  --ink: #2b1736; --ink-2: #3a2148; --ink-3: #54325f; --ink-deep: #1c0e24;
  --paper: #fbf7f6; --sand: #f3eae8; --line: #e8dad7; --surface: #fff;
  --text: #261a2b; --muted: #6d5d6f; --body: #463a49;
  --gold: #d99a7e; --gold-2: #f2c3ab; --sage: #c3a3c9; --on-gold: #2b1205;
  --gold-soft: rgba(217, 154, 126, .18); --gold-tint: #fdf2ed; --nav-bg: rgba(43, 23, 54, .93);
  --serif: "Cormorant Garamond", Georgia, serif; --sans: "DM Sans", system-ui, sans-serif;
  --head-weight: 600; --head-track: -.005em;
  --shadow: 0 1px 2px rgba(43, 23, 54, .06), 0 10px 30px -12px rgba(43, 23, 54, .2);
  --shadow-lg: 0 30px 60px -24px rgba(43, 23, 54, .4);
}

/* 4. Ocean Calm: soothing deep sea blue and aqua, soft rounded shapes */
[data-theme="ocean"] {
  --ink: #0b3450; --ink-2: #114466; --ink-3: #1a5a80; --ink-deep: #06223a;
  --paper: #f4f9fb; --sand: #e5f0f4; --line: #d3e3ea; --surface: #fff;
  --text: #0f2433; --muted: #557081; --body: #2e4a5c;
  --gold: #3fc1b5; --gold-2: #8be3d9; --sage: #7fb6d6; --on-gold: #032c29;
  --gold-soft: rgba(63, 193, 181, .18); --gold-tint: #ecfaf8; --nav-bg: rgba(11, 52, 80, .93);
  --serif: "DM Serif Display", Georgia, serif; --sans: "Plus Jakarta Sans", system-ui, sans-serif;
  --head-weight: 400; --head-track: -.01em;
  --radius: 24px; --radius-lg: 34px; --arch: 999px 999px 34px 34px;
  --shadow: 0 1px 2px rgba(11, 52, 80, .06), 0 12px 32px -12px rgba(11, 52, 80, .2);
  --shadow-lg: 0 30px 60px -24px rgba(11, 52, 80, .4);
}

/* 5. Editorial Mono: magazine-style black, warm grey and brass, sharp corners */
[data-theme="mono"] {
  --ink: #151515; --ink-2: #222; --ink-3: #3a3a3a; --ink-deep: #0b0b0b;
  --paper: #f6f5f1; --sand: #ebe9e2; --line: #d9d6cc; --surface: #fff;
  --text: #151515; --muted: #66645e; --body: #3b3a36;
  --gold: #b89a6a; --gold-2: #d9c39c; --sage: #9c9a92; --on-gold: #151515;
  --gold-soft: rgba(184, 154, 106, .18); --gold-tint: #f7f2e9; --nav-bg: rgba(21, 21, 21, .94);
  --serif: "Instrument Serif", Georgia, serif; --sans: "Inter Tight", system-ui, sans-serif;
  --head-weight: 400; --head-track: -.02em;
  --radius: 4px; --radius-lg: 6px; --pill: 4px; --arch: 6px;
  --shadow: 0 1px 0 rgba(0, 0, 0, .06), 0 8px 24px -14px rgba(0, 0, 0, .25);
  --shadow-lg: 0 24px 48px -24px rgba(0, 0, 0, .45);
}

/* 6. Burgundy Heritage: old-world clinic, deep wine and brass */
[data-theme="burgundy"] {
  --ink: #4a1421; --ink-2: #5c1b2b; --ink-3: #7a2a3c; --ink-deep: #2f0b14;
  --paper: #fbf6ef; --sand: #f2e9dc; --line: #e5d8c5; --surface: #fffdf9;
  --text: #2a1418; --muted: #75605f; --body: #4a3436;
  --gold: #c8954f; --gold-2: #e8c48d; --sage: #c9a2a2; --on-gold: #2a1406;
  --gold-soft: rgba(200, 149, 79, .17); --gold-tint: #fcf3e6; --nav-bg: rgba(74, 20, 33, .93);
  --serif: "Libre Caslon Text", Georgia, serif; --sans: "Source Sans 3", system-ui, sans-serif;
  --head-weight: 400; --head-track: -.015em;
  --radius: 12px; --radius-lg: 18px; --arch: 18px;
  --shadow: 0 1px 2px rgba(74, 20, 33, .06), 0 10px 30px -12px rgba(74, 20, 33, .2);
  --shadow-lg: 0 30px 60px -24px rgba(74, 20, 33, .4);
}

/* 7. Sage Wellness: natural, gentle olive-green and terracotta */
[data-theme="sage"] {
  --ink: #2e4636; --ink-2: #3a5644; --ink-3: #4f6e59; --ink-deep: #1e3025;
  --paper: #f7f5ee; --sand: #ecebdf; --line: #dcdac9; --surface: #fffefa;
  --text: #1f2a22; --muted: #64705f; --body: #3d4a3f;
  --gold: #d58b5c; --gold-2: #f0b993; --sage: #a9c2a5; --on-gold: #2b1405;
  --gold-soft: rgba(213, 139, 92, .18); --gold-tint: #fbf0e7; --nav-bg: rgba(46, 70, 54, .93);
  --serif: "Young Serif", Georgia, serif; --sans: "Nunito Sans", system-ui, sans-serif;
  --head-weight: 400; --head-track: -.01em;
  --radius: 26px; --radius-lg: 36px; --arch: 999px;
  --shadow: 0 1px 2px rgba(46, 70, 54, .06), 0 12px 32px -14px rgba(46, 70, 54, .22);
  --shadow-lg: 0 30px 60px -24px rgba(46, 70, 54, .4);
}

/* 8. Indigo Mind: modern tech-clinic, indigo and lavender, sans-serif headings */
[data-theme="indigo"] {
  --ink: #241f5c; --ink-2: #2f2873; --ink-3: #43399a; --ink-deep: #16123d;
  --paper: #f8f7fd; --sand: #efedfa; --line: #e0ddf3; --surface: #fff;
  --text: #1a1838; --muted: #66638a; --body: #3b3860;
  --gold: #a891ff; --gold-2: #cfc2ff; --sage: #8fd3e8; --on-gold: #140b3d;
  --gold-soft: rgba(168, 145, 255, .2); --gold-tint: #f3f0ff; --nav-bg: rgba(36, 31, 92, .93);
  --serif: "Bricolage Grotesque", system-ui, sans-serif; --sans: "Inter", system-ui, sans-serif;
  --head-weight: 600; --head-track: -.03em;
  --radius: 20px; --radius-lg: 28px; --arch: 28px;
  --shadow: 0 1px 2px rgba(36, 31, 92, .06), 0 12px 32px -12px rgba(36, 31, 92, .2);
  --shadow-lg: 0 30px 60px -24px rgba(36, 31, 92, .45);
}

/* 9. Terracotta Sun: warm, approachable espresso brown and burnt orange */
[data-theme="terracotta"] {
  --ink: #34211a; --ink-2: #442c22; --ink-3: #5e3f31; --ink-deep: #211410;
  --paper: #fdf8f2; --sand: #f6ebdf; --line: #ead9c6; --surface: #fff;
  --text: #2b1c16; --muted: #7a6458; --body: #4d3a31;
  --gold: #e2774a; --gold-2: #f6b08f; --sage: #d9b48f; --on-gold: #fff;
  --gold-soft: rgba(226, 119, 74, .18); --gold-tint: #fdf0e8; --nav-bg: rgba(52, 33, 26, .93);
  --serif: "Bodoni Moda", Georgia, serif; --sans: "Outfit", system-ui, sans-serif;
  --head-weight: 500; --head-track: -.02em;
  --radius: 16px; --radius-lg: 24px;
  --shadow: 0 1px 2px rgba(52, 33, 26, .06), 0 10px 30px -12px rgba(52, 33, 26, .2);
  --shadow-lg: 0 30px 60px -24px rgba(52, 33, 26, .42);
}

/* Square-cornered themes: keep the WhatsApp button and dots round */
[data-theme="mono"] .wa-float, [data-theme="mono"] .dot { border-radius: 50%; }

/* Theme switcher bar (shown only in preview mode) */
.theme-bar {
  position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%); z-index: 60;
  display: flex; align-items: center; gap: 6px; padding: 8px; max-width: calc(100% - 32px); overflow-x: auto;
  background: rgba(20, 20, 20, .9); backdrop-filter: blur(10px); border-radius: 999px; box-shadow: 0 16px 40px -12px rgba(0,0,0,.5);
  font-family: system-ui, sans-serif;
}
.theme-bar a {
  flex: none; display: flex; align-items: center; gap: 7px; padding: 7px 12px; border-radius: 999px;
  color: rgba(255,255,255,.8); text-decoration: none; font-size: 12px; font-weight: 600; white-space: nowrap;
}
.theme-bar a i { width: 14px; height: 14px; border-radius: 50%; border: 2px solid rgba(255,255,255,.7); }
.theme-bar a.on { background: #fff; color: #111; }
.theme-bar a.on i { border-color: #111; }
.theme-bar .all { color: #fff; border: 1px solid rgba(255,255,255,.3); }