/* Palette de couleurs commune à la boutique et au panel admin (design tokens). */
:root{
  /* ── Couleurs principales ── */
  --bg:#1A0E2E;
  --bg-card:#2B1B47;
  --panel:#33204F;
  --gold:#F4A947;
  --gold-dark:#C97B2E;
  --blue:#E85D8A;
  --blue-deep:#4A2159;
  --text:#F5EEFB;
  --muted:#B39BC7;
  --line:#452A63;
  --danger:#E0637A;
  --sunset:linear-gradient(180deg, #4A2159 0%, #7A3565 35%, #C1547A 65%, #E8894F 100%);
  
  /* ── Couleurs sémantiques avec alpha (optimisation pour transparence) ── */
  --gold-alpha-04:rgba(244,169,71,.04);
  --gold-alpha-08:rgba(244,169,71,.08);
  --gold-alpha-12:rgba(244,169,71,.12);
  --gold-alpha-15:rgba(244,169,71,.15);
  --gold-alpha-25:rgba(244,169,71,.25);
  --gold-alpha-35:rgba(244,169,71,.35);
  --line-alpha-35:rgba(69,42,99,.35);
  --line-alpha-50:rgba(69,42,99,.50);
  --danger-alpha-15:rgba(224,99,122,.15);
  --danger-alpha-30:rgba(224,99,122,.30);
  --text-alpha-03:rgba(245,238,251,.03);
  
  /* ── Espacements standardisés ── */
  --sp-xs:4px;
  --sp-sm:8px;
  --sp-md:12px;
  --sp-lg:16px;
  --sp-xl:20px;
  --sp-2xl:24px;
  --sp-3xl:32px;
  
  /* ── Rayons de bordure ── */
  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:12px;
  --radius-xl:14px;
  --radius-full:16px;
  --radius-pill:999px;
  
  /* ── Transitions et animations ── */
  --duration-fast:0.12s;
  --duration-base:0.15s;
  --duration-slow:0.25s;
  --easing-in-out:cubic-bezier(.22,.9,.32,1);
  
  /* ── Ombres ── */
  --shadow-sm:0 1px 4px rgba(0,0,0,.1);
  --shadow-md:0 2px 8px rgba(0,0,0,.15);
  --shadow-lg:0 4px 16px rgba(0,0,0,.2);
  --shadow-gold-sm:0 2px 8px rgba(244,169,71,.15);
  --shadow-gold-md:0 4px 16px rgba(244,169,71,.30);
  --shadow-danger-sm:0 2px 8px rgba(224,99,122,.15);
  --shadow-danger-md:0 4px 16px rgba(224,99,122,.30);
}