/*
 * Achievement tier colours (#306).
 *
 * HAND-WRITTEN, AND NOT IN THE GENERATED BUNDLE, which is where the decision
 * of 12-09-2026 asked for them. That file says in its own header "edit neither
 * this file nor that copy", `syncoralis:design-tokens --check` fails CI on any
 * hand edit, and its source is an imported copy of the Claude Design project,
 * which does not carry these values. So they live beside
 * filament-overrides.css, registered the same way, until the design system
 * ships them and a re-import makes this file redundant.
 *
 * THE VALUES ARE PIM'S, verbatim from the decision on #306. None is a session
 * choice. The names are the design system's (`brons`, `zilver`, `goud`,
 * `platina`), kept as the design writes them so a later import lands on the
 * same names; BadgeMedallion maps AchievementTier onto them.
 *
 * ONLY ON ACHIEVEMENT BADGES AND REVIEW STARS. Not buttons, links, status
 * badges, charts, empty states, notifications or mail. A role without a token
 * is a missing layer, not a licence to borrow one of these.
 *
 * THE VERLOOP IS THREE STOPS, light to rim. The decision lists each ring value
 * as "unchanged from the proposal", and the proposal defines it as this list;
 * a one-colour value would draw no gradient at all.
 *
 * Contrast, from the decision: light text on #ffffff 5.15 to 6.10, on #f8fafc
 * 4.92 to 5.83, on the goud pill 4.61 to 5.46; dark text 7.49 to 17.13. The
 * ring is exempt from 3:1 on a light surface only while the tier is stated in
 * text beside it.
 */
:root {
    --tier-brons-text: #8C5527;
    --tier-zilver-text: #5E6F7F;
    --tier-goud-text: #8D6711;
    --tier-platina-text: #547087;

    --tier-brons-text-dark: #E29A63;
    --tier-zilver-text-dark: #E4ECF2;
    --tier-goud-text-dark: #F4D97B;
    --tier-platina-text-dark: #EEF5FA;

    --tier-brons-verloop: #E29A63, #C77B46, #8C5527;
    --tier-zilver-verloop: #E4ECF2, #B9C7D2, #66798A;
    --tier-goud-verloop: #F4D97B, #E4B84C, #A87B14;
    --tier-platina-verloop: #EEF5FA, #C9DCEA, #6E8CA4;
}

/* Only the text moves with the theme. The ring is identical in both. */
[data-theme="dark"], .dark {
    --tier-brons-text: var(--tier-brons-text-dark);
    --tier-zilver-text: var(--tier-zilver-text-dark);
    --tier-goud-text: var(--tier-goud-text-dark);
    --tier-platina-text: var(--tier-platina-text-dark);
}