/*
 * SHOPIFY MIGRATION — Theme settings equivalent
 * Copier ces variables dans config/settings_schema.json du thème Shopify
 * ou dans :root du fichier base.css du thème.
 */
:root {
  /* Couches z-index — ne pas écraser hors composants dédiés */
  --z-content: 1;
  --z-sticky-section: 12;
  --z-fab: 30;
  --z-pdp-bar: 90;
  --z-header: 100;
  --z-mobile-menu: 350;
  --z-dropdown: 200;
  --z-cart-overlay: 400;
  --z-cart-drawer: 410;
  --z-toast: 420;
  --sticky-offset: 78px;
  --color-background: #fbf7ef;
  --color-surface: #fffaf2;
  --color-surface-secondary: #f1e7d8;
  --color-text: #191512;
  --color-text-muted: #6d6257;
  --color-accent: #b78a42;
  --color-accent-light: #d6b26b;
  --color-sage: #d7dfcc;
  --color-rose: #ead1c7;
  --color-blue: #cbd9dc;
  --color-mocha: #6b4b39;
  --color-border: rgba(45, 32, 22, 0.12);
  --shadow-card: 0 24px 80px rgba(82, 60, 40, 0.16);
  --radius-card: 28px;
  --radius-button: 999px;
  --font-heading: Fraunces, Georgia, serif;
  --font-body: Manrope, system-ui, sans-serif;
  --page-width: 1220px;
}

[data-theme="dark"] {
  --color-background: #12100e;
  --color-surface: #1b1713;
  --color-surface-secondary: #282018;
  --color-text: #fff8ed;
  --color-text-muted: #c5b7a8;
  --color-accent: #d8ae64;
  --color-accent-light: #f0cf91;
  --color-border: rgba(255, 244, 229, 0.14);
  --shadow-card: 0 24px 80px rgba(0, 0, 0, 0.38);
}