/* ══════════════════════════════════════════════════
   WINE SUPPLY — COLOR SYSTEM
   Warm, editorial palette. Michelin / Aman Hotels tone.
   ══════════════════════════════════════════════════ */

:root {
  /* ── Raw palette ── */
  --raw-paper:       #F9F6F0;   /* warm paper white      */
  --raw-cream:       #EDE8DF;   /* warm cream             */
  --raw-parchment:   #E3DACE;   /* deeper warm parchment  */
  --raw-ink:         #18160E;   /* near-black warm        */
  --raw-ink-60:      #6B6355;   /* medium warm gray-brown */
  --raw-ink-35:      #A89F95;   /* light warm gray        */
  --raw-ink-15:      #D8D3CC;   /* very light warm        */
  --raw-gold:        #B48B4A;   /* antique matte gold     */
  --raw-gold-light:  #CEAA6B;   /* lighter gold           */
  --raw-gold-dim:    #9A7638;   /* deeper gold            */
  --raw-wine:        #4B0F1E;   /* deep burgundy          */
  --raw-wine-mid:    #7A1E35;   /* medium wine            */
  --raw-wine-light:  #B05070;   /* lighter wine/rose      */
  --raw-copper:      #9A6531;   /* aged copper            */

  /* ── Light theme (default) ── */
  --bg:              var(--raw-paper);
  --bg-alt:          var(--raw-cream);
  --bg-deep:         var(--raw-parchment);
  --bg-card:         #FFFFFF;
  --bg-invert:       var(--raw-ink);
  --bg-invert-alt:   #221F16;

  --text:            var(--raw-ink);
  --text-mid:        var(--raw-ink-60);
  --text-light:      var(--raw-ink-35);
  --text-xlight:     var(--raw-ink-15);

  --accent:          var(--raw-gold);
  --accent-light:    var(--raw-gold-light);
  --accent-dim:      var(--raw-gold-dim);
  --accent-wine:     var(--raw-wine);
  --accent-wine-mid: var(--raw-wine-mid);

  --border:          rgba(24, 22, 14, 0.09);
  --border-mid:      rgba(24, 22, 14, 0.16);
  --border-strong:   rgba(24, 22, 14, 0.28);

  --shadow-sm:       0 1px 4px rgba(24, 22, 14, 0.06);
  --shadow-md:       0 4px 16px rgba(24, 22, 14, 0.10);
  --shadow-lg:       0 12px 40px rgba(24, 22, 14, 0.14);

  /* Badges */
  --badge-sommelier-bg:     rgba(180, 139, 74, 0.10);
  --badge-sommelier-color:  var(--raw-gold-dim);
  --badge-sommelier-border: rgba(180, 139, 74, 0.28);

  --badge-limited-bg:       rgba(75, 15, 30, 0.07);
  --badge-limited-color:    var(--raw-wine-mid);
  --badge-limited-border:   rgba(122, 30, 53, 0.22);

  --badge-bestseller-bg:    rgba(24, 22, 14, 0.05);
  --badge-bestseller-color: var(--raw-ink-60);
  --badge-bestseller-border:rgba(24, 22, 14, 0.18);

  /* Chapter dark sections */
  --dark-bg:         #0C0B09;
  --dark-bg-alt:     #161410;
  --dark-bg-card:    #1D1B16;
  --dark-text:       #F0EBE2;
  --dark-text-mid:   rgba(240, 235, 226, 0.50);
  --dark-border:     rgba(206, 170, 107, 0.12);
  --dark-gold:       #CEA96A;
}

/* ── Dark theme ── */
[data-theme="dark"] {
  --bg:              #0C0B09;
  --bg-alt:          #161410;
  --bg-deep:         #0A0908;
  --bg-card:         #1D1B16;
  --bg-invert:       var(--raw-cream);
  --bg-invert-alt:   var(--raw-paper);

  --text:            #F0EBE2;
  --text-mid:        rgba(240, 235, 226, 0.52);
  --text-light:      rgba(240, 235, 226, 0.30);
  --text-xlight:     rgba(240, 235, 226, 0.15);

  --accent:          #CEA96A;
  --accent-light:    #E0C080;
  --accent-dim:      #B08040;
  --accent-wine:     var(--raw-wine-light);
  --accent-wine-mid: #D06080;

  --border:          rgba(206, 170, 107, 0.10);
  --border-mid:      rgba(206, 170, 107, 0.18);
  --border-strong:   rgba(206, 170, 107, 0.30);

  --shadow-sm:       0 1px 4px rgba(0, 0, 0, 0.25);
  --shadow-md:       0 4px 16px rgba(0, 0, 0, 0.40);
  --shadow-lg:       0 12px 40px rgba(0, 0, 0, 0.55);

  --badge-sommelier-bg:     rgba(206, 170, 107, 0.10);
  --badge-sommelier-color:  #CEA96A;
  --badge-sommelier-border: rgba(206, 170, 107, 0.25);

  --badge-limited-bg:       rgba(176, 80, 112, 0.12);
  --badge-limited-color:    #D08090;
  --badge-limited-border:   rgba(176, 80, 112, 0.28);

  --badge-bestseller-bg:    rgba(240, 235, 226, 0.06);
  --badge-bestseller-color: rgba(240, 235, 226, 0.45);
  --badge-bestseller-border:rgba(240, 235, 226, 0.14);

  --dark-bg:         #0C0B09;
  --dark-bg-alt:     #161410;
  --dark-bg-card:    #1D1B16;
  --dark-text:       #F0EBE2;
  --dark-text-mid:   rgba(240, 235, 226, 0.50);
  --dark-border:     rgba(206, 170, 107, 0.12);
  --dark-gold:       #CEA96A;
}