/*
 * Streaming Stats — "Nightshift" theme
 *
 * Nothing but overrides of `shared/ui`'s tokens. Load order:
 * tokens.css → system.css → theme.css → app.css.
 *
 * Two constraints shaped the palette:
 *
 * 1. It has to be visibly *not* the fleet's other apps. concerts is violet,
 *    listening-history emerald, trip-planning sea; this one is fuchsia, which
 *    reads as neighbouring-but-distinct next to concerts' violet without
 *    colliding with anything semantic.
 * 2. It has to be visibly *not* the streaming service's brand. No green
 *    anywhere near the accent, no black-and-green pairing, nothing that could
 *    be mistaken for an official client. See docs/TRADEMARK.md.
 *
 * The semantic tokens (--pos / --neg / --warn) are deliberately left alone so a
 * red number means the same thing here as in the other four apps.
 */

:root {
    /* Accent — fuchsia. Light mode carries it on white; dark mode lifts it so
       it stays legible on the near-black surfaces, which flips --on-primary. */
    --primary:       light-dark(#be1e8f, #f472c8);
    --primary-hover: light-dark(#9d1476, #f9a8d9);
    --primary-soft:  light-dark(#fdeaf6, #3a1330);
    --primary-ink:   light-dark(#86105f, #fbcfe8);
    --on-primary:    light-dark(#ffffff, #1a0f18);

    /* Surfaces & lines — a faintly warm neutral, so the fuchsia sits on
       something other than a blue-grey. */
    --bg:            light-dark(#f7f5f7, #16131a);
    --card:          light-dark(#ffffff, #1f1b25);
    --card-2:        light-dark(#faf8fa, #262130);
    --border:        light-dark(#eae5ea, #322b3c);
    --border-strong: light-dark(#d6ced6, #443b50);

    /* Text */
    --text:   light-dark(#1f1a24, #e8e3ec);
    --text-2: light-dark(#4b4356, #b7afc2);
    --muted:  light-dark(#6f6779, #968ea3);

    --shadow-tint-1: light-dark(rgba(31, 21, 40, 0.05), rgba(0, 0, 0, 0.42));
    --shadow-tint-2: light-dark(rgba(31, 21, 40, 0.18), rgba(0, 0, 0, 0.52));

    /* Typography & shape */
    --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-display: "Space Grotesk", var(--font-body);
    --font-size-base: 15px;
    --r-s: 0.5rem;
    --r-m: 0.7rem;
    --r-l: 0.95rem;
}