/* Richie Zxy Custom Faircamp Theme - Minimal Professional */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=JetBrains+Mono:wght@400;700&family=Plus+Jakarta+Sans:wght@500;700&display=swap');

:root {
  --color-amber: #FBBF24;
  --color-amber-muted: #B48E3A;
  --color-dark: #05070A;
  --color-panel: #0A0D12;
  --color-line: rgba(255, 255, 255, 0.08);
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background-color: var(--color-dark) !important;
  color: #E2E8F0 !important;
}

/* Headings */
h1, h2, h3 {
  font-family: 'Cinzel', serif !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #FFFFFF !important;
}

/* Global links */
a {
  color: var(--color-amber) !important;
  transition: color 0.2s ease;
  text-decoration: none !important;
}
a:hover {
  color: #FFFFFF !important;
}

/* Track rows */
.track {
  border: 1px solid var(--color-line);
  background: var(--color-panel);
  border-radius: 0;
  margin-bottom: 4px;
  transition: border-color 0.2s ease;
}
.track:hover {
  border-color: var(--color-amber-muted);
}

/* Waveforms */
.waveform canvas {
  filter: grayscale(100%) brightness(1.5);
  transition: filter 0.3s ease;
}
.track:hover .waveform canvas {
  filter: sepia(100%) hue-rotate(5deg) saturate(300%) brightness(1.2);
}

/* Buttons */
.button {
  font-family: 'JetBrains Mono', monospace !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: 0 !important;
  border: 1px solid var(--color-line) !important;
  background: var(--color-panel) !important;
  color: #FFFFFF !important;
}

.button:hover {
  border-color: var(--color-amber) !important;
  background: var(--color-dark) !important;
  color: var(--color-amber) !important;
}

/* Album covers with frame */
.cover-image {
  border: 1px solid var(--color-line);
  border-radius: 0;
  transition: border-color 0.3s ease;
}
a:hover .cover-image {
  border-color: var(--color-amber);
}

/* Audio Player Bottom Bar */
#player {
  background: var(--color-panel) !important;
  border-top: 1px solid var(--color-line);
  box-shadow: none !important;
}

/* Ecosystem Bar Spacing */
body {
  padding-top: 48px !important;
}

#zxy-ecosystem-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 48px;
  background: var(--color-dark);
  border-bottom: 1px solid var(--color-line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  z-index: 9999;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#zxy-ecosystem-bar .brand {
  color: var(--color-amber);
  font-weight: 700;
}

#zxy-ecosystem-bar .nav-links {
  display: flex;
  gap: 24px;
}

#zxy-ecosystem-bar .nav-links a {
  color: #8B949E !important;
}

#zxy-ecosystem-bar .nav-links a:hover {
  color: #FFFFFF !important;
}