/*
 * Listening History — "Deepwave" theme
 *
 * Nothing but overrides of `shared/ui`'s tokens. Load order:
 * tokens.css → system.css → theme.css → app.css.
 *
 * Three knobs carry the visual distance from the fleet default: an emerald
 * hue instead of indigo, softer radii, and Inter as the body face. The
 * semantic tokens (--pos / --neg / --warn) are deliberately left alone so a
 * red number means the same thing here as in the other three apps.
 */

:root {
    /* Accent — emerald. 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(#059669, #34d399);
    --primary-hover: light-dark(#047857, #6ee7b7);
    --primary-soft:  light-dark(#ecfdf5, #123028);
    --primary-ink:   light-dark(#065f46, #a7f3d0);
    --on-primary:    light-dark(#ffffff, #06251d);

    /* Surfaces & lines — a green-tinted neutral rather than a grey one. */
    --bg:            light-dark(#f4faf7, #0a1a15);
    --card:          light-dark(#ffffff, #111f1a);
    --card-2:        light-dark(#f0faf5, #162620);
    --border:        light-dark(#d9efe5, #1e3d30);
    --border-strong: light-dark(#a7f3d0, #2a5040);

    /* Text */
    --text:   light-dark(#0f1f1a, #e0f2eb);
    --text-2: light-dark(#3f5b51, #a9c4b9);
    --muted:  light-dark(#6b8079, #8ba79c);

    --shadow-tint-1: light-dark(rgba(15, 31, 26, 0.05), rgba(0, 0, 0, 0.4));
    --shadow-tint-2: light-dark(rgba(15, 31, 26, 0.18), rgba(0, 0, 0, 0.5));

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

    /* Layout density. The shared layout primitives take their rhythm from
       tokens, so this app tunes the vocabulary here instead of forking the
       rules in app.css. Only the three that differ from the default are set;
       the section, tight and inline gaps already match. */
    --gap-grid: 1.5rem;   /* .cols-2 / .cols-wide-narrow — wider than the 1.25rem default */
    --col-wide: 1.4fr;    /* the dominant track in .cols-wide-narrow */
    --tile-min: 9rem;     /* a tile is one figure, so it may get narrower than 11rem */
}