/* Pitch Console — the global layer of the BannerApp admin.

   Loaded through AdminJS `assets.styles`, so it is also the login page's
   stylesheet. AdminJS renders its own UI with styled-components; this file
   sticks to what is global and stable — the web fonts, the ground, focus, and
   scrollbars. The console's own tokens and parts live in
   src/admin/components/console/theme.js, which every page injects.

   Archivo is requested across its width axis on purpose: the console sets every
   label condensed and every page title expanded, and a static cut cannot do
   both. Space Mono carries identifiers and figures, and nothing else. */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,100..900&family=Space+Mono:wght@400;700&display=swap');

:root {
  --pc-ink: #0c1512;
  --pc-chalk: #f5f7f4;
  --pc-chalk-raise: #edf1ee;
  --pc-chalk-line: #dde3de;
  --pc-signal: #35e38b;
  --pc-emerald: #109e68;
  --pc-sans: 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --pc-mono: 'Space Mono', ui-monospace, 'SFMono-Regular', 'Cascadia Mono', Menlo, monospace;
}

body {
  font-family: var(--pc-sans);
  font-variation-settings: 'wdth' 100, 'wght' 400;
  background-color: var(--pc-chalk);
  color: var(--pc-ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Keyboard focus, everywhere, meeting the a11y floor. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--pc-signal);
  outline-offset: 2px;
  border-radius: 3px;
}

::selection {
  background: rgba(53, 227, 139, 0.28);
}

/* Scrollbars: green-biased neutrals on the sheet, and the rail's own on ink. */
* {
  scrollbar-color: #b7c7bd transparent;
  scrollbar-width: thin;
}
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
*::-webkit-scrollbar-thumb {
  background: #c2cfc7;
  border: 2px solid transparent;
  background-clip: content-box;
  border-radius: 999px;
}
*::-webkit-scrollbar-thumb:hover {
  background: #9cb0a5;
  background-clip: content-box;
}
.pc-ground-ink *::-webkit-scrollbar-thumb {
  background: #2c3d35;
  background-clip: content-box;
}

/* The three type registers, available before a page's own stylesheet loads —
   the login screen and AdminJS's own chrome use them too. */
.pc-display {
  font-variation-settings: 'wdth' 118, 'wght' 700;
  letter-spacing: -0.015em;
}
.pc-label {
  font-variation-settings: 'wdth' 88, 'wght' 600;
  font-size: 10px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

/* Every figure in the console is monospaced and tabular, so columns of them line
   up without being arranged. */
.pc-mono,
.pc-num,
.ba-mono {
  font-family: var(--pc-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}