/* Ocean Blue – Theme für TrackDrop */
:root {
    --bg: #0b1218;
    --bg-2: #0f1820;
    --surface: #121c25;
    --surface-2: #192632;
    --line: #25384a;
    --text: #e8f1f8;
    --text-2: #c9d8e4;
    --muted: #8aa0b3;
    --accent: #3aa0ff;
    --accent-2: #3fd6c6;
    --accent-ink: #04121f;
    --field: #0d151c;
    --header-bg: rgba(11,18,24,.82);
    --link: #6cb8ff;
    --wave-original: #e8f1f8;
}
:root[data-theme="light"] {
    --bg: #f3f7fb;
    --bg-2: #e8eff6;
    --surface: #ffffff;
    --surface-2: #edf3f9;
    --line: #d4e0eb;
    --text: #0f1d2a;
    --text-2: #26394b;
    --muted: #5a6f82;
    --accent: #1a7fe0;
    --accent-2: #13a99a;
    --accent-ink: #ffffff;
    --field: #f9fbfd;
    --header-bg: rgba(243,247,251,.85);
    --link: #1466b8;
    --wave-original: #0f1d2a;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #f3f7fb;
    --bg-2: #e8eff6;
    --surface: #ffffff;
    --surface-2: #edf3f9;
    --line: #d4e0eb;
    --text: #0f1d2a;
    --text-2: #26394b;
    --muted: #5a6f82;
    --accent: #1a7fe0;
    --accent-2: #13a99a;
    --accent-ink: #ffffff;
    --field: #f9fbfd;
    --header-bg: rgba(243,247,251,.85);
    --link: #1466b8;
    --wave-original: #0f1d2a;
  }
}
.btn:hover { box-shadow: 0 8px 24px -10px color-mix(in srgb, var(--accent) 70%, transparent); }