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

html[data-skin="modern"] body {
  background: #F0EEEE;
  background-image:
    radial-gradient(ellipse at 50% 0%, rgba(204,0,0,0.06) 0%, transparent 55%),
    radial-gradient(ellipse at 80% 100%, rgba(180,200,220,0.10) 0%, transparent 50%);
  font-family: 'M PLUS Rounded 1c', sans-serif;
}

html[data-skin="modern"] .site-title {
  font-family: 'Orbitron', sans-serif;
  color: #1A1A1A;
  font-weight: 900;
  letter-spacing: 0.12em;
}

html[data-skin="modern"] .site-sub {
  color: #777777;
  letter-spacing: 0.25em;
}

html[data-skin="modern"] .hint-line {
  color: #888888;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 12px;
}

html[data-skin="modern"] .collection-label {
  color: #888888;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  letter-spacing: 0.2em;
}
html[data-skin="modern"] .chip {
  background: white;
  border-color: #E0DCDC;
  color: #505050;
  border-radius: 20px;
}
html[data-skin="modern"] .chip.new-chip {
  border-color: #CC0000;
  color: #CC0000;
  box-shadow: 0 2px 8px rgba(204,0,0,0.2);
}

html[data-skin="modern"] .machine-nav .mnav-btn {
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 10px;
  font-weight: 700;
  color: #888888;
  border-color: #DCDADA;
  background: rgba(255,255,255,0.8);
  border-radius: 20px;
}
html[data-skin="modern"] .machine-nav .mnav-btn:hover {
  color: #CC0000;
  border-color: #CC0000;
  background: rgba(204,0,0,0.05);
}
html[data-skin="modern"] .machine-nav .mnav-btn.active {
  background: #CC0000;
  color: white;
  border-color: #CC0000;
  box-shadow: 0 2px 8px rgba(204,0,0,0.35);
}