/* ─── Design tokens — from aurae-variation-b.html ─── */
:root {
  color-scheme: light;

  --bg:       #F9F7EF;
  --text:     #512525;
  --mid:      #8E6A57;
  --muted:    #BEB892;
  --faint:    #C7BFB6;
  --border:   rgba(81,37,37,0.09);
  --dark:     #2A1010;
  --blue:     #8496AC;
  --blue-bg:  #EEF1F5;
  --blue-mid: #6A7E96;
  --amber:    #B06438;
  --amber-bg: #F5EDE4;
  --amber-mid:#9A5530;
  --sage:     #728564;
  --sage-bg:  #ECF0E8;
  --sage-mid: #5D6E51;

  /* Placeholder soap illustrations (until product photography arrives) */
  --blue-soap:   #DDE3EC;
  --amber-soap:  #EAD9C8;
  --sage-soap:   #D8E3D0;
  --soap-emboss: 0.25;

  --ff-s: 'Averia Serif Libre', Georgia, serif;
  --ff-b: 'Outfit', system-ui, sans-serif;
  --ff-c: 'Cedarville Cursive', cursive;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg:#1A1210; --text:#F2EEE4; --mid:#C9A88A;
    --muted:#7A7460; --faint:#3A3530; --border:rgba(242,238,228,0.08);
    --dark:#0E0908;
    --blue-bg:#161B22; --blue-mid:#8FA5BE;
    --amber-bg:#1C1208; --amber-mid:#C97748;
    --sage-bg:#131A0F; --sage-mid:#8A9E78;
    --blue-soap:#181E28; --amber-soap:#200E05; --sage-soap:#121A0F;
    --soap-emboss: 0.2;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg:#1A1210; --text:#F2EEE4; --mid:#C9A88A;
  --muted:#7A7460; --faint:#3A3530; --border:rgba(242,238,228,0.08);
  --dark:#0E0908;
  --blue-bg:#161B22; --blue-mid:#8FA5BE;
  --amber-bg:#1C1208; --amber-mid:#C97748;
  --sage-bg:#131A0F; --sage-mid:#8A9E78;
  --blue-soap:#181E28; --amber-soap:#200E05; --sage-soap:#121A0F;
  --soap-emboss: 0.2;
}