/* ============================================================
   THEME: LIGHT — clean studio. White panels on cool blue-gray bg,
   lime-600 accent (the saturated dark green pops on white).
   ============================================================ */
[data-theme="light"] {
  color-scheme: light;

  --bg-0:     #f3f5fa;
  --bg-1:     #ffffff;
  --bg-2:     #ffffff;
  --bg-3:     #eef1f7;
  --bg-inset: #0c0f17;
  --bg-sheen: rgba(0,0,0,0.03);

  --fg-1: #0c0f17;
  --fg-2: #343c4d;
  --fg-3: #647088;
  --fg-4: #9aa3b5;
  --fg-on-brand: #06140a;

  --line-1:     rgba(12,15,23,0.06);
  --line-2:     rgba(12,15,23,0.10);
  --line-3:     rgba(12,15,23,0.18);
  --line-focus: var(--brand-lime-600);

  --accent:       var(--brand-lime-600);
  --accent-hover: var(--brand-lime-500);
  --accent-press: var(--brand-lime-700);
  --accent-soft:  rgba(0,178,65,0.12);
  --accent-ring:  rgba(0,178,65,0.35);

  --hot:        var(--brand-magenta-600);
  --hot-soft:   rgba(219,0,112,0.10);
  --info:       var(--brand-cyan-600);
  --info-soft:  rgba(0,134,179,0.10);
  --xp:         var(--brand-gold-600);
  --xp-soft:    rgba(196,122,0,0.14);
  --warn:       var(--brand-gold-600);
  --warn-soft:  rgba(196,122,0,0.14);
  --danger:     var(--brand-red-600);
  --danger-soft: rgba(224,0,32,0.10);
  --boss:       var(--brand-violet-600);
  --boss-soft:  rgba(77,30,234,0.10);

  /* Text-on-soft shades — the bright fills above clear <3:1 as text on their
     own soft tint; these darker variants clear AA 4.5:1 (measured). Used by
     .status-pill--* and active .chip--filter; boss already passes (6.5:1). */
  --warn-text:   #945e06;
  --xp-text:     #945e06;
  --info-text:   #027197;
  --accent-text: #047c33;
  --danger-text: #c4021f;

  --logoPrimary:   var(--brand-lime-600);
  --logoSecondary: #0c0f17;

  --glow-lime:    0 0 0 1px rgba(0,178,65,0.28), 0 0 18px -6px rgba(0,178,65,0.42);
  --glow-magenta: 0 0 0 1px rgba(219,0,112,0.28), 0 0 18px -6px rgba(219,0,112,0.42);
  --glow-cyan:    0 0 0 1px rgba(0,134,179,0.28), 0 0 18px -6px rgba(0,134,179,0.42);
  --glow-gold:    0 0 0 1px rgba(196,122,0,0.28), 0 0 18px -6px rgba(196,122,0,0.42);

  --shadow-xs: 0 1px 0 rgba(12,15,23,0.04);
  --shadow-sm: 0 1px 2px rgba(12,15,23,0.06), 0 1px 0 rgba(12,15,23,0.04);
  --shadow-md: 0 8px 20px -8px rgba(12,15,23,0.14);
  --shadow-lg: 0 24px 48px -16px rgba(12,15,23,0.18);
  --shadow-pop: 0 0 0 1px rgba(12,15,23,0.06), 0 18px 40px -14px rgba(12,15,23,0.22);

  --grid-color: rgba(12,15,23,0.05);
  --grid-size:  28px;

  --grad-brand: linear-gradient(135deg, #00b241 0%, #00997d 100%);
  --grad-hot:   linear-gradient(135deg, #db0070 0%, #d94055 100%);
  --grad-hud:   linear-gradient(135deg, #0086b3 0%, #4d1eea 100%);
  --grad-xp:    linear-gradient(90deg,  #c47a00 0%, #db0070 100%);
}