/* === THEMES === */
:root {
      --bg: #f4f6f9;
      --surf: #fff;
      --brd: #e4e6ea;
      --txt: #0f0f0f;
      --sub: #606060;
      --acc: #3b82f6;
      --acc2: #2563eb;
      --logo-bg: #3b82f6;
      --pill-on: #0f0f0f;
      --pill-on-t: #fff;
      --pill-off: #f0f2f5;
      --pill-off-t: #606060;
      --tab-on: #dbeafe;
      --tab-on-t: #1d4ed8;
      --tab-off: #f0f2f5;
      --tab-off-t: #606060;
      --hero-brd: 2px solid #3b82f6;
      --hero-brd-owner: 2px solid #10b981;
      --hero-owner-txt: #10b981;
      --bar: #f0f2f5;
      --thumb: #dde1e7;
      --cr: 10px;
      --font: 'Manrope', -apple-system, sans-serif;
      --cp: 10px;
      --cg: 7px;
    }

    .t-nf {
      --bg: #0e0e0e;
      --surf: #181818;
      --brd: #2a2a2a;
      --txt: #e5e5e5;
      --sub: #999;
      --acc: #e50914;
      --acc2: #b20710;
      --logo-bg: #e50914;
      --pill-on: #e50914;
      --pill-on-t: #fff;
      --pill-off: transparent;
      --pill-off-t: #999;
      --tab-on: #3a0a0a;
      --tab-on-t: #e50914;
      --tab-off: #242424;
      --tab-off-t: #999;
      --hero-brd: 1.5px solid #e50914;
      --hero-brd-owner: 1.5px solid #34d399;
      --hero-owner-txt: #34d399;
      --bar: #242424;
      --thumb: #1c1c1c;
      --cr: 4px;
    }