/* ==========================================================================
   Verso Theme Gallery — 15 Theme Definitions
   Each [data-theme] block overrides CSS custom properties from base.css
   ========================================================================== */

/* ── 1. Glassmorphism Modern ───────────────────────────────────────────── */
[data-theme="glassmorphism"] {
  --bg-primary: #0f0f1a;
  --bg-secondary: #141424;
  --bg-card: rgba(255,255,255,0.06);
  --bg-card-hover: rgba(255,255,255,0.1);
  --bg-input: rgba(255,255,255,0.06);
  --bg-elevated: rgba(255,255,255,0.1);

  --text-primary: #f0f0f5;
  --text-secondary: #9d9db5;
  --text-muted: #6b6b85;
  --text-inverse: #0f0f1a;

  --accent-primary: #7c5cfc;
  --accent-secondary: #4cc9f0;
  --accent-tertiary: #f772a0;
  --accent-success: #4ade80;
  --accent-warning: #fbbf24;

  --border-default: rgba(255,255,255,0.08);
  --border-subtle: rgba(255,255,255,0.04);
  --border-strong: rgba(255,255,255,0.15);

  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 28px;

  --shadow-card: 0 8px 32px rgba(0,0,0,0.3);
  --shadow-elevated: 0 16px 64px rgba(0,0,0,0.4);

  --font-heading: 'Inter', sans-serif;
  --font-body: 'Inter', sans-serif;
  --heading-weight: 600;

  --btn-primary-bg: rgba(124,92,252,0.9);
  --btn-primary-text: #ffffff;
  --btn-radius: 16px;
  --btn-shadow: 0 4px 20px rgba(124,92,252,0.3);

  --chip-bg: rgba(255,255,255,0.06);
  --chip-active-bg: rgba(124,92,252,0.3);
  --chip-active-text: #c4b5fd;

  --countdown-bg: linear-gradient(135deg, rgba(124,92,252,0.4), rgba(76,201,240,0.3));
  --search-bg: rgba(255,255,255,0.06);
  --search-border: rgba(255,255,255,0.08);
  --fab-bg: rgba(124,92,252,0.85);
  --fab-shadow: 0 4px 24px rgba(124,92,252,0.4);

  --hero-overlay: linear-gradient(transparent 30%, rgba(15,15,26,0.9) 100%);

  --glass-blur: 20px;
  --glass-bg: rgba(255,255,255,0.08);

  --card-border: 1px solid rgba(255,255,255,0.08);
}

/* ── 2. Neobrutalism Bold ──────────────────────────────────────────────── */
[data-theme="neobrutalism"] {
  --bg-primary: #fffdf7;
  --bg-secondary: #fff9e6;
  --bg-card: #ffffff;
  --bg-card-hover: #fff4cc;
  --bg-input: #ffffff;
  --bg-elevated: #ffffff;

  --text-primary: #1a1a1a;
  --text-secondary: #4a4a4a;
  --text-muted: #7a7a7a;
  --text-inverse: #ffffff;

  --accent-primary: #ff5caa;
  --accent-secondary: #00d4ff;
  --accent-tertiary: #ffea00;
  --accent-success: #00e676;
  --accent-warning: #ffea00;

  --border-default: #1a1a1a;
  --border-subtle: #e0e0e0;
  --border-strong: #1a1a1a;
  --border-width: 3px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-full: 8px;

  --shadow-card: 4px 4px 0 #1a1a1a;
  --shadow-elevated: 6px 6px 0 #1a1a1a;
  --shadow-button: 3px 3px 0 #1a1a1a;

  --font-heading: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  --heading-weight: 800;
  --letter-spacing-heading: -0.03em;

  --btn-primary-bg: #ffea00;
  --btn-primary-text: #1a1a1a;
  --btn-radius: 8px;
  --btn-font-weight: 800;
  --btn-shadow: 3px 3px 0 #1a1a1a;

  --chip-bg: #ffffff;
  --chip-text: #1a1a1a;
  --chip-active-bg: #ff5caa;
  --chip-active-text: #ffffff;
  --chip-radius: 8px;

  --countdown-bg: linear-gradient(135deg, #ff5caa, #ff8c42);
  --countdown-text: #ffffff;
  --search-bg: #ffffff;
  --search-border: #1a1a1a;
  --search-radius: 8px;
  --fab-bg: #00d4ff;
  --fab-text: #1a1a1a;
  --fab-shadow: 4px 4px 0 #1a1a1a;

  --hero-overlay: linear-gradient(transparent 40%, rgba(255,253,247,0.95) 100%);

  --neo-offset: 4px;
  --neo-border-width: 3px;

  --card-border: 3px solid #1a1a1a;
  --badge-bg: #ff5caa;
}

/* ── 3. Scandinavian Minimal ───────────────────────────────────────────── */
[data-theme="scandinavian"] {
  --bg-primary: #f5f3ef;
  --bg-secondary: #edeae4;
  --bg-card: #ffffff;
  --bg-card-hover: #f9f8f5;
  --bg-input: #ffffff;
  --bg-elevated: #ffffff;

  --text-primary: #2c2c2c;
  --text-secondary: #6b6b6b;
  --text-muted: #999999;
  --text-inverse: #ffffff;

  --accent-primary: #7c9a82;
  --accent-secondary: #7c9a82;
  --accent-tertiary: #c9a87c;
  --accent-success: #7c9a82;
  --accent-warning: #d4a853;

  --border-default: #e4e0da;
  --border-subtle: #edeae4;
  --border-strong: #d5d0c8;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  --shadow-card: 0 1px 3px rgba(0,0,0,0.04);
  --shadow-elevated: 0 4px 12px rgba(0,0,0,0.06);

  --font-heading: -apple-system, 'Helvetica Neue', sans-serif;
  --font-body: -apple-system, 'Helvetica Neue', sans-serif;
  --heading-weight: 600;
  --body-weight: 400;
  --letter-spacing-heading: -0.01em;

  --btn-primary-bg: #2c2c2c;
  --btn-primary-text: #ffffff;
  --btn-radius: 8px;
  --btn-font-weight: 500;

  --chip-bg: #ffffff;
  --chip-text: #2c2c2c;
  --chip-active-bg: #2c2c2c;
  --chip-active-text: #ffffff;

  --countdown-bg: linear-gradient(135deg, #7c9a82, #a8c5ae);
  --countdown-text: #ffffff;
  --search-bg: #ffffff;
  --search-border: #e4e0da;
  --fab-bg: #2c2c2c;
  --fab-text: #ffffff;
  --fab-shadow: 0 4px 12px rgba(0,0,0,0.08);

  --hero-overlay: linear-gradient(transparent 40%, rgba(245,243,239,0.9) 100%);

  --card-border: 1px solid #e4e0da;
  --badge-bg: #7c9a82;
}

/* ── 4. Japanese Zen ───────────────────────────────────────────────────── */
[data-theme="japanese-zen"] {
  --bg-primary: #1a1a18;
  --bg-secondary: #222220;
  --bg-card: #2a2a27;
  --bg-card-hover: #333330;
  --bg-input: #2a2a27;
  --bg-elevated: #333330;

  --text-primary: #e8e4dc;
  --text-secondary: #a09a8e;
  --text-muted: #6e695f;
  --text-inverse: #1a1a18;

  --accent-primary: #c53d43;
  --accent-secondary: #8b7355;
  --accent-tertiary: #c53d43;
  --accent-success: #5b7a5e;
  --accent-warning: #c9a84c;

  --border-default: #3a3a36;
  --border-subtle: #2e2e2b;
  --border-strong: #4a4a45;

  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-full: 4px;

  --shadow-card: 0 2px 8px rgba(0,0,0,0.3);
  --shadow-elevated: 0 4px 16px rgba(0,0,0,0.4);

  --font-heading: 'DM Serif Display', serif;
  --font-body: 'Inter', sans-serif;
  --heading-weight: 400;
  --letter-spacing-heading: 0.02em;
  --line-height-heading: 1.3;
  --line-height-body: 1.7;

  --btn-primary-bg: #c53d43;
  --btn-primary-text: #ffffff;
  --btn-radius: 4px;
  --btn-font-weight: 500;

  --chip-bg: #2a2a27;
  --chip-text: #a09a8e;
  --chip-active-bg: #c53d43;
  --chip-active-text: #ffffff;
  --chip-radius: 4px;

  --countdown-bg: linear-gradient(135deg, #c53d43, #8b3338);
  --search-bg: #2a2a27;
  --search-border: #3a3a36;
  --search-radius: 4px;
  --fab-bg: #c53d43;
  --fab-shadow: 0 4px 16px rgba(197,61,67,0.3);

  --hero-overlay: linear-gradient(transparent 30%, rgba(26,26,24,0.9) 100%);

  --card-border: 1px solid #3a3a36;
  --badge-bg: #c53d43;
}

/* ── 5. Monochrome Luxe ────────────────────────────────────────────────── */
[data-theme="monochrome-luxe"] {
  --bg-primary: #0a0a14;
  --bg-secondary: #10101e;
  --bg-card: #16162a;
  --bg-card-hover: #1c1c34;
  --bg-input: #16162a;
  --bg-elevated: #1c1c34;

  --text-primary: #e8e8f0;
  --text-secondary: #8888a0;
  --text-muted: #5a5a72;
  --text-inverse: #0a0a14;

  --accent-primary: #d4af37;
  --accent-secondary: #d4af37;
  --accent-tertiary: #d4af37;
  --accent-success: #87ceeb;
  --accent-warning: #d4af37;

  --border-default: #22223a;
  --border-subtle: #18182e;
  --border-strong: #2e2e4a;

  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-full: 2px;

  --shadow-card: 0 4px 16px rgba(0,0,0,0.4);
  --shadow-elevated: 0 8px 32px rgba(0,0,0,0.5);

  --font-heading: 'Playfair Display', serif;
  --font-body: 'Inter', sans-serif;
  --heading-weight: 600;
  --letter-spacing-heading: 0.02em;

  --btn-primary-bg: #d4af37;
  --btn-primary-text: #0a0a14;
  --btn-radius: 2px;
  --btn-font-weight: 600;

  --chip-bg: #16162a;
  --chip-text: #8888a0;
  --chip-active-bg: #d4af37;
  --chip-active-text: #0a0a14;
  --chip-radius: 2px;

  --countdown-bg: linear-gradient(135deg, #d4af37, #b8942e);
  --countdown-text: #0a0a14;
  --search-bg: #16162a;
  --search-border: #22223a;
  --search-radius: 2px;
  --fab-bg: #d4af37;
  --fab-text: #0a0a14;
  --fab-shadow: 0 4px 20px rgba(212,175,55,0.3);

  --hero-overlay: linear-gradient(transparent 30%, rgba(10,10,20,0.9) 100%);

  --card-border: 1px solid #22223a;
  --badge-bg: #d4af37;
  --badge-text: #0a0a14;
}

/* ── 6. Gradient Vibrancy ──────────────────────────────────────────────── */
[data-theme="gradient-vibrancy"] {
  --bg-primary: #0e0620;
  --bg-secondary: #150a2e;
  --bg-card: rgba(255,255,255,0.06);
  --bg-card-hover: rgba(255,255,255,0.1);
  --bg-input: rgba(255,255,255,0.08);
  --bg-elevated: rgba(255,255,255,0.1);

  --text-primary: #ffffff;
  --text-secondary: #c4b5fd;
  --text-muted: #8b7cc8;
  --text-inverse: #0e0620;

  --accent-primary: #e879f9;
  --accent-secondary: #38bdf8;
  --accent-tertiary: #fb923c;
  --accent-success: #34d399;
  --accent-warning: #fbbf24;

  --border-default: rgba(255,255,255,0.1);
  --border-subtle: rgba(255,255,255,0.05);
  --border-strong: rgba(255,255,255,0.18);

  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;

  --shadow-card: 0 4px 24px rgba(0,0,0,0.3);
  --shadow-elevated: 0 8px 40px rgba(0,0,0,0.4);

  --font-heading: 'Inter', sans-serif;
  --font-body: 'Inter', sans-serif;
  --heading-weight: 800;
  --letter-spacing-heading: -0.03em;

  --btn-primary-bg: linear-gradient(135deg, #e879f9, #38bdf8);
  --btn-primary-text: #ffffff;
  --btn-radius: 16px;
  --btn-font-weight: 700;
  --btn-shadow: 0 4px 20px rgba(232,121,249,0.3);

  --chip-bg: rgba(255,255,255,0.08);
  --chip-active-bg: linear-gradient(135deg, #e879f9, #38bdf8);
  --chip-active-text: #ffffff;

  --countdown-bg: linear-gradient(135deg, #7c3aed, #ec4899, #f97316);
  --search-bg: rgba(255,255,255,0.06);
  --search-border: rgba(255,255,255,0.1);
  --fab-bg: linear-gradient(135deg, #e879f9, #38bdf8);
  --fab-shadow: 0 4px 24px rgba(232,121,249,0.4);

  --hero-overlay: linear-gradient(transparent 20%, rgba(14,6,32,0.92) 100%);

  --gradient-surface: linear-gradient(135deg, rgba(124,58,237,0.15), rgba(236,72,153,0.1));
  --card-border: 1px solid rgba(255,255,255,0.08);
  --badge-bg: linear-gradient(135deg, #e879f9, #38bdf8);
}

/* ── 7. Editorial Magazine ─────────────────────────────────────────────── */
[data-theme="editorial"] {
  --bg-primary: #faf8f4;
  --bg-secondary: #f2efe8;
  --bg-card: #ffffff;
  --bg-card-hover: #f9f7f2;
  --bg-input: #ffffff;
  --bg-elevated: #ffffff;

  --text-primary: #1a1a1a;
  --text-secondary: #5c5c5c;
  --text-muted: #8c8c8c;
  --text-inverse: #ffffff;

  --accent-primary: #c45a3c;
  --accent-secondary: #c45a3c;
  --accent-tertiary: #1a1a1a;
  --accent-success: #5b8a5e;
  --accent-warning: #c4953c;

  --border-default: #e6e2da;
  --border-subtle: #f0ece4;
  --border-strong: #d4cfc5;

  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-xl: 0px;
  --radius-full: 0px;

  --shadow-card: none;
  --shadow-elevated: 0 2px 8px rgba(0,0,0,0.06);

  --font-heading: 'Libre Baskerville', 'Georgia', serif;
  --font-body: 'Inter', sans-serif;
  --heading-weight: 700;
  --body-weight: 400;
  --letter-spacing-heading: -0.02em;
  --line-height-heading: 1.2;
  --line-height-body: 1.6;

  --btn-primary-bg: #1a1a1a;
  --btn-primary-text: #ffffff;
  --btn-radius: 0px;
  --btn-font-weight: 500;
  --btn-font-size: 13px;

  --chip-bg: transparent;
  --chip-text: #1a1a1a;
  --chip-active-bg: #1a1a1a;
  --chip-active-text: #ffffff;
  --chip-radius: 0px;
  --chip-padding: 8px 14px;

  --countdown-bg: #1a1a1a;
  --search-bg: #ffffff;
  --search-border: #e6e2da;
  --search-radius: 0px;
  --fab-bg: #c45a3c;
  --fab-text: #ffffff;
  --fab-shadow: 0 2px 8px rgba(196,90,60,0.2);

  --hero-overlay: linear-gradient(transparent 40%, rgba(250,248,244,0.95) 100%);

  --card-border: 1px solid #e6e2da;
  --badge-bg: #c45a3c;
}

/* ── 8. Organic Nature ─────────────────────────────────────────────────── */
[data-theme="organic-nature"] {
  --bg-primary: #faf7f2;
  --bg-secondary: #f2ece2;
  --bg-card: #ffffff;
  --bg-card-hover: #faf7f2;
  --bg-input: #ffffff;
  --bg-elevated: #ffffff;

  --text-primary: #33302a;
  --text-secondary: #6b6560;
  --text-muted: #9c958e;
  --text-inverse: #ffffff;

  --accent-primary: #8b9e6b;
  --accent-secondary: #c47a5a;
  --accent-tertiary: #8b7a5a;
  --accent-success: #8b9e6b;
  --accent-warning: #d4a853;

  --border-default: #e8e2d8;
  --border-subtle: #f0ebe2;
  --border-strong: #d8d0c4;

  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-full: 9999px;

  --shadow-card: 0 2px 12px rgba(51,48,42,0.06);
  --shadow-elevated: 0 4px 24px rgba(51,48,42,0.08);

  --font-heading: 'Josefin Sans', sans-serif;
  --font-body: 'Inter', sans-serif;
  --heading-weight: 600;
  --letter-spacing-heading: 0.01em;

  --btn-primary-bg: #8b9e6b;
  --btn-primary-text: #ffffff;
  --btn-radius: 9999px;
  --btn-font-weight: 600;

  --chip-bg: #f0ebe2;
  --chip-text: #33302a;
  --chip-active-bg: #8b9e6b;
  --chip-active-text: #ffffff;

  --countdown-bg: linear-gradient(135deg, #8b9e6b, #6b8e4e);
  --search-bg: #ffffff;
  --search-border: #e8e2d8;
  --fab-bg: #c47a5a;
  --fab-text: #ffffff;
  --fab-shadow: 0 4px 16px rgba(196,122,90,0.25);

  --hero-overlay: linear-gradient(transparent 40%, rgba(250,247,242,0.92) 100%);

  --card-border: 1px solid #e8e2d8;
  --badge-bg: #8b9e6b;
}

/* ── 9. Luxury Dark ────────────────────────────────────────────────────── */
[data-theme="luxury-dark"] {
  --bg-primary: #0a0e1a;
  --bg-secondary: #0f1324;
  --bg-card: #141a2e;
  --bg-card-hover: #1a2038;
  --bg-input: #141a2e;
  --bg-elevated: #1a2038;

  --text-primary: #e8e4e0;
  --text-secondary: #8a8690;
  --text-muted: #5c5862;
  --text-inverse: #0a0e1a;

  --accent-primary: #c9a96e;
  --accent-secondary: #c9a96e;
  --accent-tertiary: #c9a96e;
  --accent-success: #7ab87e;
  --accent-warning: #c9a96e;

  --border-default: #1e2438;
  --border-subtle: #161c2e;
  --border-strong: #282e44;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 4px;

  --shadow-card: 0 4px 20px rgba(0,0,0,0.5);
  --shadow-elevated: 0 8px 40px rgba(0,0,0,0.6);

  --font-heading: 'Inter', sans-serif;
  --font-body: 'Inter', sans-serif;
  --heading-weight: 300;
  --letter-spacing-heading: 0.12em;
  --letter-spacing-body: 0.02em;

  --btn-primary-bg: #c9a96e;
  --btn-primary-text: #0a0e1a;
  --btn-radius: 4px;
  --btn-font-weight: 500;
  --btn-font-size: 13px;

  --chip-bg: #141a2e;
  --chip-text: #8a8690;
  --chip-active-bg: #c9a96e;
  --chip-active-text: #0a0e1a;
  --chip-radius: 4px;

  --countdown-bg: linear-gradient(135deg, #c9a96e, #a08450);
  --countdown-text: #0a0e1a;
  --search-bg: #141a2e;
  --search-border: #1e2438;
  --search-radius: 4px;
  --fab-bg: #c9a96e;
  --fab-text: #0a0e1a;
  --fab-shadow: 0 4px 20px rgba(201,169,110,0.25);

  --hero-overlay: linear-gradient(transparent 30%, rgba(10,14,26,0.92) 100%);

  --card-border: 1px solid #1e2438;
  --badge-bg: #c9a96e;
  --badge-text: #0a0e1a;
}

/* ── 10. Neumorphism Soft ──────────────────────────────────────────────── */
[data-theme="neumorphism"] {
  --bg-primary: #e4e4e7;
  --bg-secondary: #dcdce0;
  --bg-card: #e4e4e7;
  --bg-card-hover: #eaeaed;
  --bg-input: #e4e4e7;
  --bg-elevated: #eaeaed;

  --text-primary: #2c2c34;
  --text-secondary: #6a6a78;
  --text-muted: #9494a0;
  --text-inverse: #e4e4e7;

  --accent-primary: #7c6bc4;
  --accent-secondary: #5b8fcb;
  --accent-tertiary: #c46b9e;
  --accent-success: #6bb87e;
  --accent-warning: #c4a853;

  --border-default: transparent;
  --border-subtle: transparent;
  --border-strong: rgba(255,255,255,0.5);

  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;

  --shadow-card: 6px 6px 12px rgba(0,0,0,0.1), -6px -6px 12px rgba(255,255,255,0.8);
  --shadow-elevated: 8px 8px 16px rgba(0,0,0,0.12), -8px -8px 16px rgba(255,255,255,0.9);
  --shadow-button: 4px 4px 8px rgba(0,0,0,0.1), -4px -4px 8px rgba(255,255,255,0.8);

  --font-heading: -apple-system, 'Helvetica Neue', sans-serif;
  --font-body: -apple-system, 'Helvetica Neue', sans-serif;
  --heading-weight: 700;

  --btn-primary-bg: #7c6bc4;
  --btn-primary-text: #ffffff;
  --btn-radius: 16px;
  --btn-shadow: 4px 4px 8px rgba(0,0,0,0.1), -4px -4px 8px rgba(255,255,255,0.8);

  --chip-bg: #e4e4e7;
  --chip-text: #2c2c34;
  --chip-active-bg: #7c6bc4;
  --chip-active-text: #ffffff;

  --countdown-bg: linear-gradient(135deg, #7c6bc4, #5b8fcb);
  --countdown-text: #ffffff;
  --search-bg: #e4e4e7;
  --search-border: transparent;
  --search-radius: 16px;
  --fab-bg: #7c6bc4;
  --fab-text: #ffffff;
  --fab-shadow: 4px 4px 12px rgba(0,0,0,0.15), -4px -4px 12px rgba(255,255,255,0.7);

  --hero-overlay: linear-gradient(transparent 40%, rgba(228,228,231,0.92) 100%);

  --card-border: none;
  --badge-bg: #7c6bc4;
}

/* ── 11. Typography-First ──────────────────────────────────────────────── */
[data-theme="typography-first"] {
  --bg-primary: #fafaf8;
  --bg-secondary: #f0f0ec;
  --bg-card: #ffffff;
  --bg-card-hover: #f8f8f5;
  --bg-input: #ffffff;
  --bg-elevated: #ffffff;

  --text-primary: #111111;
  --text-secondary: #555555;
  --text-muted: #999999;
  --text-inverse: #ffffff;

  --accent-primary: #e63946;
  --accent-secondary: #e63946;
  --accent-tertiary: #111111;
  --accent-success: #4a7c59;
  --accent-warning: #e6a839;

  --border-default: #e8e8e4;
  --border-subtle: #f0f0ec;
  --border-strong: #d4d4d0;

  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-xl: 0px;
  --radius-full: 0px;

  --shadow-card: none;
  --shadow-elevated: none;

  --font-heading: 'Cormorant Garamond', 'Georgia', serif;
  --font-body: 'Inter', sans-serif;
  --heading-weight: 700;
  --letter-spacing-heading: -0.03em;
  --line-height-heading: 1.05;

  --btn-primary-bg: #111111;
  --btn-primary-text: #ffffff;
  --btn-radius: 0px;
  --btn-font-weight: 400;
  --btn-font-size: 14px;

  --chip-bg: transparent;
  --chip-text: #111111;
  --chip-active-bg: #111111;
  --chip-active-text: #ffffff;
  --chip-radius: 0px;
  --chip-padding: 6px 12px;

  --countdown-bg: #111111;
  --search-bg: transparent;
  --search-border: #e8e8e4;
  --search-radius: 0px;
  --fab-bg: #e63946;
  --fab-text: #ffffff;
  --fab-shadow: none;

  --hero-overlay: linear-gradient(transparent 40%, rgba(250,250,248,0.95) 100%);

  --card-border: 1px solid #e8e8e4;
  --badge-bg: #e63946;
}

/* ── 12. Quiet Luxury ──────────────────────────────────────────────────── */
[data-theme="quiet-luxury"] {
  --bg-primary: #f7f5f0;
  --bg-secondary: #efece5;
  --bg-card: #fdfcf8;
  --bg-card-hover: #f4f2ec;
  --bg-input: #fdfcf8;
  --bg-elevated: #fdfcf8;

  --text-primary: #3a3632;
  --text-secondary: #7a756e;
  --text-muted: #a8a29e;
  --text-inverse: #f7f5f0;

  --accent-primary: #b5a38a;
  --accent-secondary: #b5a38a;
  --accent-tertiary: #8a7a6a;
  --accent-success: #8a9e7a;
  --accent-warning: #c4a85a;

  --border-default: #e8e4dc;
  --border-subtle: #f0ece4;
  --border-strong: #d8d2c8;

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  --shadow-card: 0 1px 4px rgba(0,0,0,0.03);
  --shadow-elevated: 0 2px 8px rgba(0,0,0,0.05);

  --font-heading: 'Inter', sans-serif;
  --font-body: 'Inter', sans-serif;
  --heading-weight: 300;
  --letter-spacing-heading: 0.06em;
  --letter-spacing-body: 0.01em;

  --btn-primary-bg: #3a3632;
  --btn-primary-text: #f7f5f0;
  --btn-radius: 6px;
  --btn-font-weight: 400;
  --btn-font-size: 13px;

  --chip-bg: #fdfcf8;
  --chip-text: #7a756e;
  --chip-active-bg: #3a3632;
  --chip-active-text: #f7f5f0;
  --chip-radius: 6px;

  --countdown-bg: linear-gradient(135deg, #3a3632, #5a5550);
  --countdown-text: #f7f5f0;
  --search-bg: #fdfcf8;
  --search-border: #e8e4dc;
  --search-radius: 6px;
  --fab-bg: #3a3632;
  --fab-text: #f7f5f0;
  --fab-shadow: 0 2px 8px rgba(58,54,50,0.15);

  --hero-overlay: linear-gradient(transparent 40%, rgba(247,245,240,0.92) 100%);

  --card-border: 1px solid #e8e4dc;
  --badge-bg: #b5a38a;
  --badge-text: #ffffff;
}

/* ── 13. Kinetic 3D ────────────────────────────────────────────────────── */
[data-theme="kinetic-3d"] {
  --bg-primary: #0c0c14;
  --bg-secondary: #12121e;
  --bg-card: #1a1a2e;
  --bg-card-hover: #22223a;
  --bg-input: #1a1a2e;
  --bg-elevated: #22223a;

  --text-primary: #f0f0ff;
  --text-secondary: #9090b0;
  --text-muted: #606080;
  --text-inverse: #0c0c14;

  --accent-primary: #6366f1;
  --accent-secondary: #06b6d4;
  --accent-tertiary: #f43f5e;
  --accent-success: #10b981;
  --accent-warning: #f59e0b;

  --border-default: #2a2a44;
  --border-subtle: #1e1e34;
  --border-strong: #36365a;

  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 24px;

  --shadow-card: 0 10px 40px rgba(0,0,0,0.4), 0 2px 8px rgba(99,102,241,0.1);
  --shadow-elevated: 0 20px 60px rgba(0,0,0,0.5);

  --font-heading: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  --heading-weight: 700;
  --letter-spacing-heading: -0.02em;

  --btn-primary-bg: #6366f1;
  --btn-primary-text: #ffffff;
  --btn-radius: 14px;
  --btn-shadow: 0 4px 20px rgba(99,102,241,0.35);

  --chip-bg: #1a1a2e;
  --chip-active-bg: #6366f1;
  --chip-active-text: #ffffff;

  --countdown-bg: linear-gradient(135deg, #6366f1, #06b6d4);
  --search-bg: #1a1a2e;
  --search-border: #2a2a44;
  --fab-bg: #6366f1;
  --fab-shadow: 0 4px 24px rgba(99,102,241,0.4);

  --hero-overlay: linear-gradient(transparent 25%, rgba(12,12,20,0.92) 100%);

  --perspective-depth: 800px;
  --card-border: 1px solid #2a2a44;
  --badge-bg: #6366f1;
}

/* ── 14. Art Deco ──────────────────────────────────────────────────────── */
[data-theme="art-deco"] {
  --bg-primary: #0d1f2d;
  --bg-secondary: #122838;
  --bg-card: #163040;
  --bg-card-hover: #1c3a4c;
  --bg-input: #163040;
  --bg-elevated: #1c3a4c;

  --text-primary: #e8dcc8;
  --text-secondary: #a09480;
  --text-muted: #706454;
  --text-inverse: #0d1f2d;

  --accent-primary: #d4a853;
  --accent-secondary: #d4a853;
  --accent-tertiary: #c45a3c;
  --accent-success: #5e9e7e;
  --accent-warning: #d4a853;

  --border-default: #2a4050;
  --border-subtle: #1e3442;
  --border-strong: #d4a853;

  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 4px;
  --radius-xl: 8px;
  --radius-full: 2px;

  --shadow-card: 0 4px 16px rgba(0,0,0,0.4);
  --shadow-elevated: 0 8px 32px rgba(0,0,0,0.5);

  --font-heading: 'Josefin Sans', sans-serif;
  --font-body: 'Inter', sans-serif;
  --heading-weight: 600;
  --letter-spacing-heading: 0.12em;

  --btn-primary-bg: #d4a853;
  --btn-primary-text: #0d1f2d;
  --btn-radius: 2px;
  --btn-font-weight: 600;

  --chip-bg: #163040;
  --chip-text: #a09480;
  --chip-active-bg: #d4a853;
  --chip-active-text: #0d1f2d;
  --chip-radius: 2px;

  --countdown-bg: linear-gradient(135deg, #d4a853, #b8912e);
  --countdown-text: #0d1f2d;
  --search-bg: #163040;
  --search-border: #2a4050;
  --search-radius: 2px;
  --fab-bg: #d4a853;
  --fab-text: #0d1f2d;
  --fab-shadow: 0 4px 16px rgba(212,168,83,0.3);

  --hero-overlay: linear-gradient(transparent 30%, rgba(13,31,45,0.92) 100%);

  --card-border: 1px solid #2a4050;
  --badge-bg: #d4a853;
  --badge-text: #0d1f2d;
}

/* ── 15. Ethereal Blur ─────────────────────────────────────────────────── */
[data-theme="ethereal-blur"] {
  --bg-primary: #f0ecf8;
  --bg-secondary: #e8e2f4;
  --bg-card: rgba(255,255,255,0.6);
  --bg-card-hover: rgba(255,255,255,0.75);
  --bg-input: rgba(255,255,255,0.5);
  --bg-elevated: rgba(255,255,255,0.7);

  --text-primary: #2d2640;
  --text-secondary: #6e6580;
  --text-muted: #9e94b0;
  --text-inverse: #f0ecf8;

  --accent-primary: #9b7fd4;
  --accent-secondary: #7bb8d4;
  --accent-tertiary: #d47b9b;
  --accent-success: #7bd49b;
  --accent-warning: #d4b87b;

  --border-default: rgba(155,127,212,0.15);
  --border-subtle: rgba(155,127,212,0.08);
  --border-strong: rgba(155,127,212,0.25);

  --radius-sm: 16px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-xl: 36px;
  --radius-full: 9999px;

  --shadow-card: 0 4px 24px rgba(155,127,212,0.1);
  --shadow-elevated: 0 8px 40px rgba(155,127,212,0.15);

  --font-heading: 'Inter', sans-serif;
  --font-body: 'Inter', sans-serif;
  --heading-weight: 300;
  --letter-spacing-heading: 0.04em;

  --btn-primary-bg: rgba(155,127,212,0.8);
  --btn-primary-text: #ffffff;
  --btn-radius: 9999px;
  --btn-shadow: 0 4px 20px rgba(155,127,212,0.25);

  --chip-bg: rgba(255,255,255,0.5);
  --chip-text: #2d2640;
  --chip-active-bg: rgba(155,127,212,0.6);
  --chip-active-text: #ffffff;

  --countdown-bg: linear-gradient(135deg, rgba(155,127,212,0.7), rgba(123,184,212,0.6));
  --countdown-text: #ffffff;
  --search-bg: rgba(255,255,255,0.5);
  --search-border: rgba(155,127,212,0.15);
  --search-radius: 9999px;
  --fab-bg: rgba(155,127,212,0.8);
  --fab-text: #ffffff;
  --fab-shadow: 0 4px 20px rgba(155,127,212,0.3);

  --hero-overlay: linear-gradient(transparent 30%, rgba(240,236,248,0.9) 100%);

  --glass-blur: 16px;
  --glass-bg: rgba(255,255,255,0.4);
  --card-border: 1px solid rgba(155,127,212,0.12);
  --badge-bg: #9b7fd4;
}