@import url('./machine.css');
@import url('./dome.css');
@import url('./tray.css');
@import url('./modal.css');

html[data-skin="apothecary"] body {
  background: #2A1F14;
  background-image:
    radial-gradient(ellipse at 50% 0%, rgba(185,122,79,0.10) 0%, transparent 55%),
    radial-gradient(ellipse at 80% 100%, rgba(110,117,89,0.10) 0%, transparent 50%);
  font-family: 'Crimson Pro', serif;
  color: #EFE4CC;
}

html[data-skin="apothecary"] .site-title {
  font-family: 'Crimson Pro', serif;
  color: #EFE4CC;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.15em;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

html[data-skin="apothecary"] .site-sub {
  color: #B97A4F;
  letter-spacing: 0.25em;
  font-family: 'Crimson Pro', serif;
  font-style: italic;
}

html[data-skin="apothecary"] .hint-line {
  color: #B97A4F;
  font-family: 'Crimson Pro', serif;
  font-size: 12px;
  font-style: italic;
}

html[data-skin="apothecary"] .collection-label {
  color: #B97A4F;
  font-family: 'Crimson Pro', serif;
  letter-spacing: 0.18em;
  font-style: italic;
}

html[data-skin="apothecary"] .chip {
  background: rgba(79,56,35,0.6);
  border: 1px solid #B97A4F;
  color: #EFE4CC;
  font-family: 'Crimson Pro', serif;
  border-radius: 12px;
}
html[data-skin="apothecary"] .chip.new-chip {
  border-color: #C28F8A;
  color: #C28F8A;
  box-shadow: 0 2px 8px rgba(194,143,138,0.3);
}

html[data-skin="apothecary"] .machine-nav .mnav-btn {
  font-family: 'Crimson Pro', serif;
  font-size: 11px;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.08em;
  color: #B97A4F;
  border: 1px solid #4F3823;
  background: rgba(42,31,20,0.85);
  border-radius: 6px;
}
html[data-skin="apothecary"] .machine-nav .mnav-btn:hover {
  color: #EFE4CC;
  border-color: #B97A4F;
  background: rgba(185,122,79,0.15);
}
html[data-skin="apothecary"] .machine-nav .mnav-btn.active {
  background: #B97A4F;
  color: #2A1F14;
  border-color: #B97A4F;
  box-shadow: 0 2px 8px rgba(185,122,79,0.4);
}