/* ── Localchain OS — Light Mode Overrides ─────────────────── */
/* Dark mode is the default (:root vars in each page).        */
/* This file only overrides when data-theme="light" is set.   */

[data-theme="light"] {
  --color-BasicBg: #F5F5F5;
  --color-SecondaryBg: #FFFFFF;
  --color-CardBg: #FFFFFF;
  --color-Vessel: #E8EBF0;
  --color-Line: #D5DAE1;
  --color-Input: #F0F1F4;
  --color-PrimaryText: #1A1D26;
  --color-SecondaryText: #5A6170;
  --color-TertiaryText: #848D9C;
  --color-DisableText: #B0B7C3;
  --color-BtnBg: #FCD535;
  --color-PrimaryYellow: #D4990A;
  --color-TextOnYellow: #1A1D26;
  --color-Buy: #16A34A;
  --color-Sell: #DC2626;
  --color-IconNormal: #848D9C;
  --color-HoverBg: #ECEEF2;
  --color-Info: #2563EB;
  --lc-accent: #0284C7;
  --lc-accent-hover: #0369A1;
}

/* Invert white logo to dark for light backgrounds */
[data-theme="light"] .brand-logo {
  filter: invert(1);
}

/* ── Hover-only scrollbars ─────────────────────────────────── */
/* Webkit (Chrome, Safari, Edge) */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 3px;
  transition: background .2s;
}
*:hover::-webkit-scrollbar-thumb { background: rgba(0,0,0,.18); }
*:hover::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,.3); }

/* Firefox */
* { scrollbar-width: thin; scrollbar-color: transparent transparent; }
*:hover { scrollbar-color: rgba(0,0,0,.18) transparent; }

[data-theme="dark"] *:hover::-webkit-scrollbar-thumb { background: rgba(255,255,255,.15); }
[data-theme="dark"] *:hover::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.28); }
[data-theme="dark"] *:hover { scrollbar-color: rgba(255,255,255,.15) transparent; }