/* ============================================================================
   theme.css — shared palette, type, and page chrome.
   Lifted verbatim from the start.localhost launcher so the mirror front page
   and the launcher read as one family. Front page (tiles.css) and the restyled
   directory listing (listing.css) both build on these tokens.
   ========================================================================== */

:root{
  --bg:#080a0c; --panel:#0f1318; --panel2:#12171d; --edge:#1c242c;
  --line:rgba(140,170,180,.05);
  --ink:#cdd8dc; --ink-dim:#67767d; --ink-faint:#3d484e;
  --amber:#f4a52a; --amber-soft:#ffc266;
  --link:#7fb2e6;
  --grid:24px;
  --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --cond:'IBM Plex Sans Condensed','IBM Plex Mono',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%}
body{
  font-family:var(--mono);color:var(--ink);background:var(--bg);font-size:13px;
  -webkit-font-smoothing:antialiased;line-height:1.5;padding:0 0 60px;
  /* faint blueprint grid + soft top glow */
  background-image:
    linear-gradient(var(--line) 1px,transparent 1px),
    linear-gradient(90deg,var(--line) 1px,transparent 1px),
    radial-gradient(120% 70% at 50% -10%, #11181d 0%, var(--bg) 55%);
  background-size:var(--grid) var(--grid),var(--grid) var(--grid),100% 100%;
}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}

/* page header (wordmark + you-are-here) */
header.site{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;
  padding:30px 0 8px;border-bottom:1px solid var(--edge);margin-bottom:26px}
/* wordmark links to "/" but is visually unchanged — inherit colour, no underline,
   no hover/active styling; only the default pointer cursor on an <a> */
.mark{font-family:var(--cond);font-weight:700;letter-spacing:.18em;font-size:30px;
  text-transform:uppercase;color:inherit;text-decoration:none}
.mark b{color:var(--amber)}
/* right side of the header: CP wordmark logo above the "you are here" line */
.head-right{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.cplogo{height:42px;width:auto;display:block}
.here{font-size:11.5px;color:var(--ink-dim);text-align:right;line-height:1.7}
.here b{color:var(--ink)}
.here .host{color:var(--amber-soft)}

/* page footer (CP logo + Routinator, matching the live mirror footer) */
footer.site{max-width:1080px;margin:30px auto 0;padding:16px 20px 0;
  border-top:1px solid var(--edge);color:var(--ink-faint);font-size:10.5px;line-height:1.8;
  display:flex;align-items:center;gap:18px;flex-wrap:wrap}
footer.site a{color:var(--ink-dim);text-decoration:none}
footer.site a:hover{color:var(--amber-soft)}
footer.site .etc{margin-left:auto}
footer.site .cplogo-foot{height:30px;width:auto;display:block}