/* ==========================================================================
   DESIGN TOKENS
   ========================================================================== */

:root {
  --color-gold: #b8963e;
  --color-gold-light: #d4af6a;
  --color-gold-dark: #8a6e2a;
  --color-dark: #1a1a1a;
  --color-dark-2: #2d2d2d;
  --color-mid: #6b6b6b;
  --color-light: #f5f3ef;
  --color-white: #fff;
  --color-border: #e8e4dc;
  --badge-new: #2a6447;
  --badge-exclu: #4a3520;
  --badge-best: #b8963e;
  --font-serif: "Playfair Display", serif;
  --font-sans: "Jost", sans-serif;
  --header-height: 50px;
  --transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  --radius: 0;
  --shadow-sm: 0 2px 16px rgb(0 0 0 / 6%);
  --shadow-md: 0 8px 40px rgb(0 0 0 / 10%);
  --color-cream: #faf9f7;
  --color-light-border: #dedad4;
  --ease-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.33, 1, 0.68, 1);
  --color-glass: rgb(255 255 255 / 88%);
  --color-gold-glow: rgb(184 150 62 / 12%);
  --header-divider-color: rgb(184 150 62 / 28%);
  --header-divider-color-light: rgb(212 175 106 / 42%);
  --header-bg: #1b1b1b;
  --header-bg-scrolled: #121212;
  --header-border: rgb(184 150 62 / 30%);
  --header-border-scrolled: rgb(184 150 62 / 42%);
  --header-shadow-line: rgb(184 150 62 / 12%);
  --header-shadow-drop: rgb(0 0 0 / 35%);
  --header-logo-slot: 155px;
  --header-actions-slot: 170px;
  --header-logo-height: 66px;
  --header-logo-scale: 1.9;
  --header-logo-offset-y: 20px;
  --header-logo: #f1e2b6;
  --header-nav: #e7d7ab;
  --header-action: #e9dcb8;
  --header-action-hover: #fff4d5;
  --header-lang: #d9c89a;
  --header-lang-cur: #f5e8c2;
  --header-lang-border: rgb(184 150 62 / 36%);
  --header-lang-border-hover: rgb(184 150 62 / 70%);
  --header-input-bg: rgb(255 255 255 / 7%);
  --header-input-border: rgb(241 226 182 / 28%);
  --header-input-text: #f3e8c6;
  --header-input-placeholder: rgb(241 226 182 / 70%);
  --header-submit: #f1e2b6;
  --menu-toggle: #e7d7ab;
  --mobile-nav-bg: var(--color-white);
  --footer-bg: var(--color-dark-2);
  --footer-text: rgb(255 255 255 / 75%);
  --footer-logo: var(--color-white);
  --footer-brand-text: rgb(255 255 255 / 55%);
  --footer-social-border: rgb(255 255 255 / 20%);
  --footer-social-color: rgb(255 255 255 / 60%);
  --footer-title: var(--color-white);
  --footer-link: rgb(255 255 255 / 55%);
  --footer-link-hover: var(--color-gold-light);
  --footer-bottom-border: rgb(255 255 255 / 8%);
  --footer-bottom-text: rgb(255 255 255 / 35%);
  --footer-payment-bg: rgb(255 255 255 / 10%);
  --footer-payment-text: rgb(255 255 255 / 60%);
  --wc-btn-bg: var(--color-dark);
  --wc-btn-bg-alt: var(--color-gold);
  --wc-btn-bg-hover: var(--color-gold);
  --wc-btn-text: #fff;
  --wc-focus-ring: rgb(184 150 62 / 16%);
  --wc-notice-bg: linear-gradient(180deg, #fdfbf6 0%, #f7f2e7 100%);
  --wc-notice-border: rgb(184 150 62 / 45%);
  --wc-notice-text: var(--color-dark-2);
  --wc-notice-link: var(--color-gold-dark);
  --wc-notice-link-hover: var(--color-gold);
  --wc-notice-info-accent: #a9822f;
  --wc-notice-error-accent: #a64533;
  --wc-notice-error-bg: linear-gradient(180deg, #fffaf8 0%, #fdf1ee 100%);
  --wc-notice-error-border: rgb(166 69 51 / 26%);
}

/* ======================================================================
   THEME PRESETS (switchable via Customizer)
   ====================================================================== */

body.theme-preset-heritage-gold {
  --color-gold: #b8963e;
  --color-gold-light: #d4af6a;
  --color-gold-dark: #8a6e2a;
  --color-gold-glow: rgb(184 150 62 / 12%);
  --badge-best: #b8963e;
}

body.theme-preset-atelier-rouge {
  --color-gold: #b54343;
  --color-gold-light: #d96e6e;
  --header-divider-color: rgb(181 67 67 / 28%);
  --header-divider-color-light: rgb(217 110 110 / 42%);
  --color-gold-dark: #812f2f;
  --color-dark: #1f1717;
  --color-dark-2: #2b2121;
  --color-mid: #7a6767;
  --color-light: #f9f4f2;
  --color-border: #eadfdb;
  --color-cream: #fff8f5;
  --color-light-border: #e7d8d3;
  --color-gold-glow: rgb(181 67 67 / 14%);
  --badge-best: #b54343;
  --header-bg: #fffaf9;
  --header-bg-scrolled: #fff7f5;
  --header-border: rgb(181 67 67 / 20%);
  --header-border-scrolled: rgb(181 67 67 / 30%);
  --header-shadow-line: rgb(181 67 67 / 14%);
  --header-shadow-drop: rgb(88 24 24 / 12%);
  --header-logo: #7f2b2b;
  --header-nav: #5e4747;
  --header-action: #6a4f4f;
  --header-action-hover: #b54343;
  --header-lang: #6d5656;
  --header-lang-cur: #962f2f;
  --header-lang-border: rgb(181 67 67 / 32%);
  --header-lang-border-hover: rgb(181 67 67 / 58%);
  --header-input-bg: rgb(255 255 255 / 85%);
  --header-input-border: rgb(181 67 67 / 25%);
  --header-input-text: #3b2b2b;
  --header-input-placeholder: #8b6f6f;
  --header-submit: #8f3a3a;
  --menu-toggle: #8f3a3a;
  --mobile-nav-bg: #fffaf9;
  --footer-bg: #fffaf8;
  --footer-text: rgb(48 33 33 / 82%);
  --footer-logo: #7f2b2b;
  --footer-brand-text: rgb(59 43 43 / 72%);
  --footer-social-border: rgb(132 76 76 / 28%);
  --footer-social-color: rgb(88 57 57 / 72%);
  --footer-title: #4f2e2e;
  --footer-link: rgb(80 52 52 / 78%);
  --footer-link-hover: #b54343;
  --footer-bottom-border: rgb(181 67 67 / 16%);
  --footer-bottom-text: rgb(84 55 55 / 62%);
  --footer-payment-bg: rgb(181 67 67 / 9%);
  --footer-payment-text: rgb(88 51 51 / 78%);
  --wc-btn-bg: #7d3838;
  --wc-btn-bg-alt: #a04c4c;
  --wc-btn-bg-hover: #a04c4c;
  --wc-focus-ring: rgb(181 67 67 / 20%);
  --wc-notice-bg: linear-gradient(180deg, #fdfaf9 0%, #f8f3f2 100%);
  --wc-notice-border: rgb(181 67 67 / 18%);
  --wc-notice-text: #3f2b2b;
  --wc-notice-link: #7d3838;
  --wc-notice-link-hover: #a04c4c;
  --wc-notice-info-accent: #7d3838;
  --wc-notice-error-accent: #a64533;
  --wc-notice-error-bg: linear-gradient(180deg, #fdfaf9 0%, #f5efee 100%);
  --wc-notice-error-border: rgb(166 69 51 / 22%);
}

body.theme-preset-rouge-nocturne {
  --color-gold: #bf4f4f;
  --color-gold-light: #dd7b7b;
  --color-gold-dark: #8f3636;
  --color-dark: #1d1515;
  --color-dark-2: #271d1d;
  --color-mid: #7b6666;
  --color-light: #f8f3f3;
  --color-border: #e5d8d8;
  --color-cream: #fdf8f8;
  --color-light-border: #e4d6d6;
  --color-gold-glow: rgb(191 79 79 / 16%);
  --badge-best: #bf4f4f;
  --header-bg: #1e1414;
  --header-bg-scrolled: #170e0e;
  --header-border: rgb(191 79 79 / 32%);
  --header-border-scrolled: rgb(221 123 123 / 44%);
  --header-shadow-line: rgb(191 79 79 / 22%);
  --header-shadow-drop: rgb(0 0 0 / 42%);
  --header-logo: #f4d2d2;
  --header-nav: #e2bbbb;
  --header-action: #e6c0c0;
  --header-action-hover: #ffdede;
  --header-lang: #debbbb;
  --header-lang-cur: #f7dcdc;
  --header-lang-border: rgb(191 79 79 / 36%);
  --header-lang-border-hover: rgb(221 123 123 / 66%);
  --header-input-bg: rgb(255 255 255 / 8%);
  --header-input-border: rgb(229 184 184 / 28%);
  --header-input-text: #f5dada;
  --header-input-placeholder: rgb(237 203 203 / 72%);
  --header-submit: #f0cece;
  --menu-toggle: #e8c3c3;
  --mobile-nav-bg: #fff7f7;
  --wc-btn-bg: #7d3232;
  --wc-btn-bg-alt: #aa4848;
  --wc-btn-bg-hover: #c97070;
  --wc-focus-ring: rgb(191 79 79 / 22%);
  --wc-notice-bg: linear-gradient(180deg, #fff7f7 0%, #f9ecec 100%);
  --wc-notice-border: rgb(191 79 79 / 30%);
  --wc-notice-text: #372424;
  --wc-notice-link: #8f3636;
  --wc-notice-link-hover: #bf4f4f;
  --wc-notice-info-accent: #8f3636;
  --wc-notice-error-accent: #a64533;
  --wc-notice-error-bg: linear-gradient(180deg, #fff4f4 0%, #f8e4e4 100%);
  --wc-notice-error-border: rgb(166 69 51 / 32%);
}

body.theme-preset-noir-ivoire {
  --color-gold: #7e8b89;
  --color-gold-light: #9fada9;
  --color-gold-dark: #5f6b69;
  --color-dark: #161716;
  --color-dark-2: #232624;
  --color-mid: #616865;
  --color-light: #f4f4ef;
  --color-border: #dcded7;
  --color-cream: #fafaf6;
  --color-light-border: #d5d8d2;
  --color-gold-glow: rgb(126 139 137 / 14%);
  --badge-best: #7e8b89;
  --header-border: rgb(126 139 137 / 28%);
  --header-border-scrolled: rgb(159 173 169 / 38%);
  --header-shadow-line: rgb(126 139 137 / 14%);
  --header-logo: #e1e8e4;
  --header-nav: #d4ddd9;
  --header-action: #d7dfdb;
  --header-action-hover: #f0f4f2;
  --header-lang: #cad4cf;
  --header-lang-cur: #edf2f0;
  --header-lang-border: rgb(126 139 137 / 32%);
  --header-lang-border-hover: rgb(159 173 169 / 56%);
  --header-input-border: rgb(208 220 214 / 30%);
  --header-input-text: #e8efeb;
  --header-input-placeholder: rgb(209 219 214 / 72%);
  --header-submit: #deebe5;
  --menu-toggle: #d7dfdb;
  --wc-btn-bg: #4d5b58;
  --wc-btn-bg-alt: #7e8b89;
  --wc-btn-bg-hover: #9fada9;
  --wc-focus-ring: rgb(126 139 137 / 20%);
  --wc-notice-bg: linear-gradient(180deg, #fafbf9 0%, #f1f4f0 100%);
  --wc-notice-border: rgb(126 139 137 / 28%);
  --wc-notice-text: #27302d;
  --wc-notice-link: #5f6b69;
  --wc-notice-link-hover: #7e8b89;
  --wc-notice-info-accent: #5f6b69;
  --wc-notice-error-accent: #8e4d3f;
  --wc-notice-error-bg: linear-gradient(180deg, #fff8f6 0%, #f8efeb 100%);
  --wc-notice-error-border: rgb(142 77 63 / 26%);
}

body.theme-preset-naturel-pierre {
  --color-gold: #9b6b3f;
  --color-gold-light: #c28c58;
  --color-gold-dark: #724d2d;
  --color-dark: #231b14;
  --color-dark-2: #2f261e;
  --color-mid: #73675c;
  --color-light: #f7f1ea;
  --color-border: #e6dbcf;
  --color-cream: #fdf8f2;
  --color-light-border: #e2d4c5;
  --color-gold-glow: rgb(155 107 63 / 13%);
  --badge-best: #9b6b3f;
  --header-bg: #fffaf4;
  --header-bg-scrolled: #fef8f0;
  --header-border: rgb(155 107 63 / 20%);
  --header-border-scrolled: rgb(194 140 88 / 34%);
  --header-shadow-line: rgb(155 107 63 / 14%);
  --header-shadow-drop: rgb(97 67 40 / 14%);
  --header-logo: #734c2c;
  --header-nav: #5e4937;
  --header-action: #705841;
  --header-action-hover: #9b6b3f;
  --header-lang: #6d5642;
  --header-lang-cur: #8f6035;
  --header-lang-border: rgb(155 107 63 / 32%);
  --header-lang-border-hover: rgb(194 140 88 / 58%);
  --header-input-bg: rgb(255 255 255 / 84%);
  --header-input-border: rgb(155 107 63 / 24%);
  --header-input-text: #3f3024;
  --header-input-placeholder: #8a7562;
  --header-submit: #8a5f38;
  --menu-toggle: #8a5f38;
  --mobile-nav-bg: #fffaf4;
  --footer-bg: #fffbf6;
  --footer-text: rgb(61 43 29 / 82%);
  --footer-logo: #744e2e;
  --footer-brand-text: rgb(76 56 41 / 72%);
  --footer-social-border: rgb(133 94 58 / 26%);
  --footer-social-color: rgb(103 73 47 / 72%);
  --footer-title: #5f4028;
  --footer-link: rgb(89 63 40 / 80%);
  --footer-link-hover: #9b6b3f;
  --footer-bottom-border: rgb(155 107 63 / 18%);
  --footer-bottom-text: rgb(101 73 49 / 62%);
  --footer-payment-bg: rgb(155 107 63 / 9%);
  --footer-payment-text: rgb(101 67 41 / 80%);
  --wc-btn-bg: #724d2d;
  --wc-btn-bg-alt: #9b6b3f;
  --wc-btn-bg-hover: #c28c58;
  --wc-focus-ring: rgb(155 107 63 / 20%);
  --wc-notice-bg: linear-gradient(180deg, #fffaf4 0%, #f9f1e6 100%);
  --wc-notice-border: rgb(155 107 63 / 28%);
  --wc-notice-text: #3a2a1d;
  --wc-notice-link: #724d2d;
  --wc-notice-link-hover: #9b6b3f;
  --wc-notice-info-accent: #724d2d;
  --wc-notice-error-accent: #9a573f;
  --wc-notice-error-bg: linear-gradient(180deg, #fff7f2 0%, #f8ece4 100%);
  --wc-notice-error-border: rgb(154 87 63 / 30%);
}