:root {
    --bg: #000;
    --surface: #16161a;
    --surface-raised: #23232a;
    --border: #33333a;
    --text: #e8e8ea;
    --text-dim: #9a9aa2;
    --accent: #4a90d9;

    /* Rarity filter pill's engram icon glyph — deliberately brighter than the
       weapon border tokens below, not a colour Bungie ships anywhere. */
    --rarity-exotic: #d3a114;
    --rarity-legendary: #8206e1;
    --rarity-rare: #5076a3;
    --rarity-uncommon: #366f42;
    --rarity-common: #c3bcb4;

    /* Weapon tile/popup border — matched to the colour Bungie bakes into the
       icon art's own background pixels (sampled directly off bungie.net
       icons: an exotic and a legendary weapon's corner pixels came back
       exactly these two values). */
    --weapon-border-exotic: #ceae33;
    --weapon-border-legendary: #522f65;

    --damage-kinetic: #d9d9d9;
    --damage-arc: #7ecdf4;
    --damage-solar: #f2721b;
    --damage-void: #b185df;
    --damage-stasis: #4d88ff;
    --damage-strand: #35e366;

    /* Refresh outcome. Green reuses the Strand damage colour; --damage-solar is
       orange rather than red, so the failure colour is its own token. */
    --status-success: var(--damage-strand);
    --status-error: #e5484d;

    /* Ammo brick tints. The SVGs are monochrome, so the tier colour comes
       from here rather than the file. */
    --ammo-kinetic: #ffffff;
    --ammo-special: #85c845;
    --ammo-heavy: #b48be0;

    --tier-diamond: #ffd700;

    /* Keep/Trash glyph tints — shared by the tile badge (grid.css .tile-tag), the
       Tags filter pill (filters.css .filter-pill-tag) and the popup's tag buttons.
       These replaced --damage-strand/--damage-solar for this purpose: the trash
       colour is a true red, where --damage-solar is orange. */
    --tag-keep: #3ecf6e;
    --tag-trash: #e0525c;
    --tag-none: #e8c400;

    /* Dupes filter pill glyph tints (filters.css .filter-pill-icon-dupes). */
    --dupes-single: #4fa8e0;
    --dupes-multiple: #e0954f;

    --tile-size: 50px;      /* overwritten from settings, clamped 48-64 — the weapon icon square only */
    --tile-footer-h: 15px;  /* fixed, does not scale with --tile-size */
    --tile-gap: 4px;

    /* Fixes the tab bar's height so the filter bar's sticky offset (below it)
       has a real value to stick to, instead of guessing at its rendered size. */
    --tab-bar-height: 45px;
}