/* the personal dashboard in light mode (/app?mode=light, remembered in the sk_mode cookie). Loaded after v3.css.
   Lime is too light for text on white: text accents use a deeper green, lime stays as a fill with dark text. */
:root { --bg: #f5f5f0; --bg1: #ffffff; --ink: #101317; --ink2: #4e545d; --ink3: #8b919a; --ln: rgba(16,19,23,.07); --ln2: rgba(16,19,23,.13);
  --warm: #4a8a00; --cold: #66707f; --lime: #c6ff3d; --panel: rgba(255,255,255,.86); }
body { background: var(--bg); color: var(--ink); }
body::before { background: radial-gradient(circle at 1px 1px, rgba(110,170,0,.32) 1px, transparent 1.6px) 0 0 / 22px 22px; }
body::after { background: radial-gradient(900px 600px at 85% -10%, rgba(198,255,61,.22), transparent 60%), radial-gradient(800px 600px at -10% 110%, rgba(198,255,61,.14), transparent 60%); }
.top { background: rgba(255,255,255,.78); box-shadow: 0 10px 30px -18px rgba(16,19,23,.3); }
.crumb { background: rgba(16,19,23,.06); }
.who i { background: var(--lime); color: #0b0d07; }
.who a:hover { background: var(--ink); color: #fff; }
.panel, .tile, .chip { box-shadow: 0 1px 2px rgba(16,19,23,.04), 0 14px 34px -22px rgba(16,19,23,.22); }
.chip.hot { border-color: rgba(110,170,0,.5); background: rgba(198,255,61,.22); }
.focus a:hover, .rows a:hover { background: rgba(16,19,23,.035); }
.team i { background: #fff; }
.go b { background: var(--lime); color: #0b0d07; }
.tile:hover { border-color: rgba(110,170,0,.5); }
.date::before { background: var(--lime); box-shadow: 0 0 0 2px rgba(110,170,0,.25); }
.live i { background: #6fbf1f; }