/* Lockd: dark "Ink" theme (variant C) for the whole site.
   Palette and contrast values come from lockd-brand/design/max/README-max.md (variant C, computed WCAG 2.x):
   body #F4F1EA on #0B0F14 is 17.0:1, muted #A9B3C1 on card #141A22 is 8.25:1, teal #3FD0D9 is 9.36:1,
   loss #FF7B72 is 6.94:1, orange text #FF8A65 is 8.31:1.
   Rule: green/teal TEXT on dark always uses the dark-theme token --lk-teal-neon (#3FD0D9), never the light-theme --lk-green / --lk-green-ink.
   Load after theme-teal-orange.css, score-ticker*.css and the page stylesheet. Needs <html class="lk-dark">. */
html.lk-dark{
  color-scheme:dark;
  --lk-bg:#0B0F14; --lk-surface:#141A22; --lk-surface-2:#1C232D; --lk-border:#262C36; --lk-border-strong:#3A4250;
  --lk-ink:#F4F1EA; --lk-ink-2:#C9D1DC; --lk-muted:#A9B3C1;
  /* teal on dark = the neon token for text, links and wins */
  --lk-teal:#3FD0D9; --lk-teal-ink:#3FD0D9; --lk-teal-hover:#7FE3E9; --lk-teal-tint:rgba(63,208,217,.12);
  --lk-orange:#F0602F; --lk-orange-btn:#FF6B3D; --lk-orange-hover:#FF8A65; --lk-orange-ink:#FF8A65; --lk-orange-tint:rgba(240,96,47,.14);
  --lk-win:#3FD0D9; --lk-win-tint:rgba(63,208,217,.12);
  --lk-loss:#FF7B72; --lk-loss-tint:rgba(255,123,114,.12);
  --lk-pending:#B7C0CC; --lk-pending-fill:#5B6472; --lk-pending-tint:rgba(183,192,204,.10);
  --lk-live:#FF8A65;
  /* the old green aliases must be redeclared here, because :root aliases resolve against the light values */
  --lk-green:#3FD0D9; --lk-green-ink:#3FD0D9; --lk-green-hover:#7FE3E9; --lk-green-tint:rgba(63,208,217,.12); --lk-green-neon:#3FD0D9;
  --lk-shadow-1:0 1px 2px rgba(0,0,0,.4); --lk-shadow-2:0 20px 40px -24px rgba(0,0,0,.6);
  --lk-ring:0 0 0 3px rgba(63,208,217,.45);
  --lk-ticker-bg:#10151C; --lk-ticker-fg:#F4F1EA; --lk-ticker-border:#262C36; --lk-ticker-accent:#3FD0D9;
  /* dashboard vars (css/theme.css) */
  --bg:#0B0F14; --bg2:#10151C; --panel:#141A22; --panel2:#1C232D; --line:#262C36; --line2:#3A4250;
  --txt:#F4F1EA; --mut:#C9D1DC; --dim:#A9B3C1; --acc:#3FD0D9; --acc2:#8AB4FF; --win:#3FD0D9; --loss:#FF7B72; --warn:#FFB86B;
  background:#0B0F14; color:#F4F1EA;
}
html.lk-dark body{background:#0B0F14;color:#F4F1EA}
:where(.lk-dark) a{color:#3FD0D9} :where(.lk-dark) a:hover{color:#7FE3E9}
/* ticker: dark strip with the teal-to-orange rule */
.lk-dark .lk-ticker,.lk-dark .lk-ticker--dark{--lk-ticker-bg:#10151C;--lk-ticker-fg:#F4F1EA;--lk-ticker-border:#262C36;--lk-ticker-accent:#3FD0D9}
.lk-dark .lk-ticker__tab{color:#A9B3C1}
.lk-dark .lk-ticker__tab[aria-pressed="true"]{background:#3FD0D9;color:#14181F}
.lk-dark .lk-ticker__lg{color:#3FD0D9}
.lk-dark .lk-game:hover{background:rgba(63,208,217,.10)}
/* buttons: orange CTA with ink text (6.29:1), teal solid with ink text */
.lk-dark .lk-btn{background:#FF6B3D;color:#14181F;font-weight:700}
.lk-dark .lk-btn:hover{background:#FF8A65;color:#14181F}
.lk-dark .lk-btn--teal{background:#3FD0D9;color:#14181F}
.lk-dark .lk-btn--ghost{background:transparent;color:#F4F1EA;border:1px solid #3A4250}
.lk-dark .lk-btn--ghost:hover{background:#141A22;color:#3FD0D9;border-color:#3FD0D9}
.lk-dark .lk-example{background:#262C36;color:#C9D1DC;border:1px dashed #5B6472}

/* ---- site.css pieces with hardcoded light colors ---- */
.lk-dark .lk-nav{background:rgba(11,15,20,.92);border-bottom-color:#262C36;backdrop-filter:blur(8px)}
.lk-dark .tag.real{background:rgba(63,208,217,.12);color:#3FD0D9;border-color:rgba(63,208,217,.35)}
.lk-dark .offer{background:linear-gradient(160deg,#141A22,#10151C)}
.lk-dark .list li:before{background:rgba(63,208,217,.12);border-color:rgba(63,208,217,.35)}
.lk-dark .inp{background:#10151C;border-color:#3A4250;color:#F4F1EA}
.lk-dark .inp::placeholder{color:#8792A2}
.lk-dark .seg{background:#10151C;border:1px solid #262C36}
.lk-dark .seg button{color:#C9D1DC}
.lk-dark .seg button[aria-pressed="true"]{background:#3FD0D9;color:#14181F;box-shadow:none}
.lk-dark .warnbar{background:rgba(240,96,47,.10);color:#FFB59C;border-color:rgba(240,96,47,.28)}
.lk-dark .calc .side{background:#10151C}
.lk-dark .community{background:linear-gradient(120deg,#0B6670,#0F2D33);color:#FFFFFF;border:0}
.lk-dark .community h2{color:#fff}.lk-dark .community p{color:#D3ECEE}
.lk-dark .community .eyebrow{color:#7FE3E9}.lk-dark .community .eyebrow i{background:#7FE3E9}
.lk-dark .community .lk-btn{background:#FF6B3D;color:#14181F}
.lk-dark .community .lk-btn--ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45)}
.lk-dark .toast{background:#F4F1EA;color:#14181F}
.lk-dark .rgbox{background:#141A22;border:1px solid #262C36;color:#C9D1DC}
.lk-dark table.lk th{background:#141A22}
.lk-dark .eyebrow{color:#3FD0D9}.lk-dark .eyebrow i{background:#F0602F}

/* ---- dashboard (css/theme.css) ---- */
.lk-dark .top{background:rgba(11,15,20,.92)}
.lk-dark .btn{background:#3FD0D9;color:#14181F}
.lk-dark .btn:hover{background:#7FE3E9;color:#14181F}
.lk-dark .btn-ghost{background:transparent;color:#F4F1EA;border:1px solid #3A4250}
.lk-dark .btn-ghost:hover{background:#141A22;color:#3FD0D9}
.lk-dark .pill.live{color:#3FD0D9;border-color:rgba(63,208,217,.35);background:rgba(63,208,217,.10)}
.lk-dark .pill.demo{color:#FFB86B;border-color:rgba(255,184,107,.35);background:rgba(255,184,107,.10)}
.lk-dark .pill.manual{color:#8AB4FF;border-color:rgba(138,180,255,.35);background:rgba(138,180,255,.10)}
.lk-dark .tier-a{background:rgba(63,208,217,.12);color:#3FD0D9;border-color:rgba(63,208,217,.35)}
.lk-dark .tier-b{background:rgba(138,180,255,.12);color:#8AB4FF;border-color:rgba(138,180,255,.35)}
.lk-dark .tier-c{background:rgba(255,184,107,.12);color:#FFB86B;border-color:rgba(255,184,107,.35)}
.lk-dark .tier-d{background:rgba(255,123,114,.12);color:#FF7B72;border-color:rgba(255,123,114,.35)}
.lk-dark .rgbar{color:#FFB59C;background:rgba(240,96,47,.10);border-bottom-color:rgba(240,96,47,.28)}
.lk-dark table.data tbody tr:hover{background:rgba(63,208,217,.07)}
.lk-dark .scrim{background:rgba(0,0,0,.55)}
.lk-dark .brand{color:#F4F1EA}

/* ---- Discord button (shared) ---- */
.lk-discord{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;cursor:pointer;
  background:#5865F2;color:#FFFFFF;border:0;font-family:var(--lk-font-body)}   /* white on #5865F2 is 4.6:1, AA for 16px bold */
.lk-discord:hover{background:#4752C4;color:#FFFFFF}
.lk-discord svg{flex:none}
.lk-discord--sm{padding:9px 16px;font-size:14px}
.lk-discord[aria-disabled="true"]{background:#2A3142;color:#E4E8F2;border:1px dashed #5B6472;cursor:help}
.lk-discord[aria-disabled="true"]:hover{background:#323A4E;color:#FFFFFF}