:root {
  /* Backgrounds */
  --bg:          #100E0C;
  --bg-2:        #181410;
  --bg-3:        #201B16;
  --bg-4:        #28221C;

  /* Text */
  --text:        #F0E6DA;
  --text-mid:    #B0A090;
  --text-light:  #6E6050;

  /* Brand */
  --wine:        #8B3252;
  --wine-h:      #A83D63;
  --wine-d:      #6B2440;
  --gold:        #C09A6B;
  --gold-l:      #D4B896;
  --gold-d:      #9A7A4E;

  /* UI */
  --border:      #2A2218;
  --border-l:    #3A3028;
  --white:       #FFFFFF;
  --shadow:      0 4px 32px rgba(0,0,0,.5);
  --shadow-sm:   0 2px 12px rgba(0,0,0,.3);
  --radius:      12px;
  --radius-lg:   20px;
  --radius-pill: 50px;
  --transition:  .28s ease;

  /* Spacing */
  --section-py:  96px;
  --container:   1440px;
  --gap:         24px;
}

@media (max-width: 768px) {
  :root {
    --section-py: 64px;
    --gap: 16px;
  }
}