/* Soft Scanner design tokens (P3 Task 1) — source: docs/superpowers/specs/2026-07-18-redesign-mockups/softc-1-browse.html in auctionviewer */
:root {
    --bg: #f6f4ef;
    --card: #fffdf9;
    --ink: #343a36;
    --dim: #8b9189;
    --sage: #5f8d76;
    --sage-deep: #3f6b55;
    --sage-soft: #e3efe7;
    --clay: #c9704b;
    --clay-soft: #f8e8df;
    --honey: #e0a458;
    --honey-soft: #f9efdd;
    --line: #e9e5db;
    --r: 16px;
    --shadow: 0 2px 12px rgba(52, 58, 54, .07);
    /* Inverted surface for the floating filter bar. Deliberately identical in
       light and dark: it reads as a raised bar over the page rather than part
       of it, the same way a snackbar does.
       It needs its own tokens rather than reusing --sage-deep/--honey because
       both of those are theme-flipped -- the bar paired light text with
       --sage-deep, which inverts to a light tint in dark mode and collapsed to
       ~1.3:1 contrast. The accent is a lightened honey; the palette's --honey
       only reached 3.9:1 here in dark and 2.8:1 in light.
       Measured against --bar-bg: fg 7.8:1, accent 5.1:1. */
    --bar-bg: #2f5344;
    --bar-fg: #eef5ef;
    --bar-accent: #f0c078;
    --font-ui: "Karla", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
    --mono: "Spline Sans Mono", ui-monospace, SFMono-Regular, monospace;
}

/* Dark Theme */
[data-theme="dark"] {
    --bg: #1d201e;
    --card: #262a27;
    --ink: #e6eae6;
    --dim: #96a09a;
    --sage: #7fae94;
    --sage-deep: #a9c8b5;
    --sage-soft: #2c3830;
    --clay: #d98a67;
    --clay-soft: #3b2b23;
    --honey: #e0a458;
    --honey-soft: #3a3222;
    --line: #343a36;
    --shadow: 0 2px 12px rgba(0, 0, 0, .35);
}

/* System preference fallback */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --bg: #1d201e;
        --card: #262a27;
        --ink: #e6eae6;
        --dim: #96a09a;
        --sage: #7fae94;
        --sage-deep: #a9c8b5;
        --sage-soft: #2c3830;
        --clay: #d98a67;
        --clay-soft: #3b2b23;
        --honey: #e0a458;
        --honey-soft: #3a3222;
        --line: #343a36;
        --shadow: 0 2px 12px rgba(0, 0, 0, .35);
    }
}