/* Game Predictions — sub-80% lean highlight.
   Served from /static/css/dfs-game-predictions.css (not the Vite bundle).
   Edit this file + hard-refresh. Bump ?v= on the <link> if the browser caches it.

   Switch the ACTIVE palette by uncommenting exactly one :root block.
*/

/* ===== 1 Buttercream — muted pastel gold =====
:root {
  --dfs-lean-fg: #111111;
  --dfs-lean-bg: #f5e6a8;
  --dfs-lean-ring: #e8d48b;
  --dfs-lean-card: rgba(245, 230, 168, 0.14);
}
*/

/* ===== 2 Lemon chiffon — palest =====
:root {
  --dfs-lean-fg: #111111;
  --dfs-lean-bg: #fbf3c7;
  --dfs-lean-ring: #f5e6a8;
  --dfs-lean-card: rgba(251, 243, 199, 0.16);
}
*/

/* ===== 3 Daffodil (ACTIVE) — still pastel, more visible on dark ===== */
:root {
  --dfs-lean-fg: #111111;
  --dfs-lean-bg: #e8d78a;
  --dfs-lean-ring: #d4c36a;
  --dfs-lean-card: rgba(232, 215, 138, 0.16);
}

.dfs-gp-lean-chip {
  display: inline-flex;
  align-items: center;
  border-radius: 0.25rem;
  padding: 0.125rem 0.375rem;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: var(--dfs-lean-bg);
  color: var(--dfs-lean-fg);
}

.dfs-gp-lean-text {
  color: var(--dfs-lean-fg);
}

.dfs-gp-lean-ring {
  background: var(--dfs-lean-bg);
  outline: 1px solid var(--dfs-lean-ring);
}

/* Card-level yellow tint retired — keep default game card bg; yellow lives on chips/rings only.
.dfs-gp-lean-card {
  border-color: color-mix(in srgb, var(--dfs-lean-bg) 55%, transparent);
  background-color: var(--dfs-lean-card);
}
*/

/* Override the live Tailwind yellow-400 chips until the next JS build. */
.bg-yellow-400.text-black,
.bg-yellow-400.ring-1 {
  background-color: var(--dfs-lean-bg) !important;
  color: var(--dfs-lean-fg) !important;
}

.bg-yellow-400.ring-1 {
  --tw-ring-color: var(--dfs-lean-ring) !important;
}

/* Do not retint whole game cards from legacy yellow utilities. */
.bg-yellow-400\/5 {
  background-color: transparent !important;
}

.border-yellow-400\/50 {
  border-color: var(--separator-color, rgba(128, 128, 128, 0.35)) !important;
}