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

html[data-skin="noir"] body {
  background: #0A0E14;
  background-image:
    linear-gradient(rgba(247,183,49,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(247,183,49,0.025) 1px, transparent 1px);
  background-size: 40px 40px;
  font-family: 'Share Tech Mono', monospace;
}

html[data-skin="noir"] .site-title {
  font-family: 'Share Tech Mono', monospace;
  color: #F7B731;
  letter-spacing: 0.22em;
  text-shadow: 0 0 20px rgba(247,183,49,0.5), 0 0 40px rgba(247,183,49,0.2);
}

html[data-skin="noir"] .site-sub {
  color: rgba(247,183,49,0.45);
  font-family: 'Share Tech Mono', monospace;
  letter-spacing: 0.35em;
}

html[data-skin="noir"] .hint-line {
  color: rgba(247,183,49,0.55);
  font-family: 'Share Tech Mono', monospace;
  font-size: 11px;
}

html[data-skin="noir"] .collection-wrap { max-width: 360px; }
html[data-skin="noir"] .collection-label {
  color: rgba(247,183,49,0.45);
  font-family: 'Share Tech Mono', monospace;
  letter-spacing: 0.25em;
}
html[data-skin="noir"] .chip {
  background: #131C26;
  border-color: rgba(247,183,49,0.22);
  color: rgba(247,183,49,0.7);
  border-radius: 3px;
}
html[data-skin="noir"] .chip.new-chip {
  border-color: #F7B731;
  color: #F7B731;
  box-shadow: 0 0 6px rgba(247,183,49,0.3);
}
html[data-skin="noir"] .chip-dot { border-color: rgba(247,183,49,0.25); }

html[data-skin="noir"] .machine-nav .mnav-btn {
  font-family: 'Share Tech Mono', monospace;
  color: rgba(247,183,49,0.4);
  border-color: rgba(247,183,49,0.15);
  background: transparent;
  border-radius: 2px;
}
html[data-skin="noir"] .machine-nav .mnav-btn:hover {
  color: #F7B731;
  border-color: rgba(247,183,49,0.6);
  background: rgba(247,183,49,0.06);
}
html[data-skin="noir"] .machine-nav .mnav-btn.active {
  color: #F7B731;
  background: rgba(247,183,49,0.1);
  border-color: #F7B731;
  box-shadow: 0 0 8px rgba(247,183,49,0.3);
}