/* 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); }

/* The "for LibreHost customers" page: the shared LibreHost header on top, the card centered, the footer at the bottom. */
.lh-page { display: flex; flex-direction: column; min-height: 100vh; }
.lh-page .lhh { flex: none; }
.lh-page .ls-auth { flex: 1 0 auto; min-height: 0; }
.lh-foot {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 24px;
  box-sizing: border-box; width: calc(min(100%, 1280px) - 64px); margin: 0 auto; padding: 18px 0 32px;
  border-top: 1px solid var(--ls-border); color: var(--ls-muted); font-size: .85rem;
}
.lh-foot p { margin: 0; }
.lh-foot a { color: var(--ls-muted); text-decoration: none; }
.lh-foot a:hover { color: var(--ls-ink); text-decoration: underline; }
.lh-foot-links { display: flex; flex-wrap: wrap; gap: 4px 20px; }
@media (max-width: 720px) { .lh-foot { width: calc(100% - 44px); } }