/* peaknetwork's SKIN for the shared preference pill -- values only, never layout.
 *
 * The component itself is ONE definition, in the platform:
 * core_ui/static/core_ui/css/core-preferences.css. This site's bases link
 * that file directly (they never load core_ui's stylesheet bundle), and
 * this file maps kd-* tokens onto the component's own custom properties.
 *
 * WHAT USED TO BE HERE was a 45-line copy of the whole control, near-
 * identical to site_khouse's own copy and already drifting from it: this
 * site's language <form> wore the CURRENCY control's class names, so the
 * .kd-langpill wrapper rule right below the copy matched nothing at all
 * and both controls rendered as bare rectangles. If a rule you want to
 * add here is not a VALUE, it belongs in the component or nowhere.
 */
.core-prefs,
.core-pref {
    --core-pref-gap: var(--kd-s-3);
    --core-pref-radius: var(--kd-r-pill);
    --core-pref-border-w: var(--kd-border-w);
    --core-pref-border-color: var(--kd-border-strong, var(--kd-fg-muted));
    --core-pref-border-hover: var(--kd-fg);
    --core-pref-bg: var(--kd-bg);
    --core-pref-ink: var(--kd-fg);
    --core-pref-font: var(--kd-font-mono);
    --core-pref-text: var(--kd-text-0);
    --core-pref-track: var(--kd-track-mono);
    --core-pref-hit: var(--kd-touch-min);
    --core-pref-focus: var(--kd-accent-ring);
}