/* Oxyon · XL1 — repaints the producer instruments in Oxyon's materials
   (matte graphite, hairlines, champagne gold). Loaded last on every /xl1/ page.
   The data-category accents (--acc-*) are left alone: they encode meaning
   (rewards are gold, the race is cyan) and must read the same as the private
   dashboards on the producers themselves. :root:root outranks both the light
   and the prefers-color-scheme:dark blocks the pages ship with. */
:root:root {
  color-scheme: dark;
  /* producer pages (rbpi3, windows) */
  --bg: #0a0a0c; --panel: #121216; --line: rgba(255, 255, 255, .09);
  --fg: #e8e9ec; --muted: #96989f; --accent: #c9a545;
  --ok: #8fc9a8; --warn: #d9b37a; --bad: #e08a8a;
  /* compare + race (atmosphere tokens) */
  --ink: #e8e9ec; --dim: #6c6e75; --bg-2: #121216;
  --teal: #c9a545; --teal-soft: rgba(201, 165, 69, .1); --gold: #c9a545; --amber: #d9b37a;
}
body { background: #0a0a0c !important; }
body::before { display: none !important; }
a { color: #c9a545; }
a:hover { color: #e2c46c; }
header.site { background: rgba(10, 10, 12, .9) !important; }
.brand .mark { color: #c9a545; }
.button { background: #c9a545 !important; color: #17130a !important; border-color: #a5883a !important; }
.button.secondary { background: transparent !important; color: #e8e9ec !important; border-color: rgba(255, 255, 255, .12) !important; }
code { color: #eef0f3; }

/* The slim Oxyon bar above the producer pages (was an inline <style>, which the CSP forbids). */
.xl1-return {
  display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; padding: 8px 20px;
  background: #0a0a0c; border-bottom: 1px solid rgba(255, 255, 255, .09);
  font: 600 12px/1.6 ui-sans-serif, system-ui, sans-serif;
}
.xl1-return a { color: #96989f; text-decoration: none; padding: 4px 0; }
.xl1-return a:hover, .xl1-return a:focus-visible { color: #e8e9ec; }
.xl1-return a:first-child { color: #e8e9ec; font-weight: 800; letter-spacing: .04em; }
.xl1-return a:first-child span { color: #c9a545; }