/* LibreStats in LibreHost's look (libre.wtf): Manrope, porcelain/navy surfaces, cobalt accent.
   Only tokens and a few details; everything else comes from LibreStats' default theme. Chart
   colors validated on these surfaces (light #315dff/#eb6834/#1baf7a on white, dark
   #6585ff/#d95926/#199e70 on #111e34). */

@font-face { font-family: "Manrope"; font-style: normal; font-weight: 400; font-display: swap; src: url("asset.php?f=manrope-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 500; font-display: swap; src: url("asset.php?f=manrope-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 600; font-display: swap; src: url("asset.php?f=manrope-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 700 800; font-display: swap; src: url("asset.php?f=manrope-latin-700-normal.woff2") format("woff2"); }

:root {
  --ls-font: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --ls-bg: #f4f7fc;
  --ls-card: #ffffff;
  --ls-raised: #ffffff;
  --ls-border: #dce3ef;
  --ls-ink: #111e36;
  --ls-muted: #526079;
  --ls-faint: #7b879c;
  --ls-accent: #315dff;
  --ls-on-accent: #ffffff;
  --ls-accent-soft: #e6ecff;
  --ls-series-1: #315dff;
  --ls-series-2: #eb6834;
  --ls-series-3: #1baf7a;
  --ls-track: #eaf0f8;
  --ls-shadow: 0 20px 50px #0715290a;
}
@media (prefers-color-scheme: dark) {
  :root {
    --ls-bg: #080f20;
    --ls-card: #111e34;
    --ls-raised: #16264a;
    --ls-border: #26344c;
    --ls-ink: #f4f7fc;
    --ls-muted: #aab8d1;
    --ls-faint: #7f8ca5;
    --ls-accent: #315dff;
    --ls-on-accent: #ffffff;
    --ls-accent-soft: #1b2a55;
    --ls-series-1: #6585ff;
    --ls-series-2: #d95926;
    --ls-series-3: #199e70;
    --ls-track: #1b2840;
    --ls-shadow: none;
  }
}

.ls-logo { gap: 10px; font-size: 1.15rem; letter-spacing: -.03em; }
.ls-logo .lh-dot { color: var(--ls-accent); }
.ls-logo .lh-stats { color: var(--ls-muted); font-weight: 600; }
.ls-heading h1, .ls-auth h1 { letter-spacing: -.035em; }
.ls-tile::after { background: var(--ls-accent); }