/* Grilli Type (trial) — variable fonts. GT America for UI, GT America Mono for
   metadata, GT America for titles. */
@font-face { font-family: 'GT America'; src: url('/static/fonts/gt-america.woff2') format('woff2'); font-weight: 100 900; font-stretch: 50% 150%; font-style: normal; font-display: swap; }
@font-face { font-family: 'GT America'; src: url('/static/fonts/gt-america-italic.woff2') format('woff2'); font-weight: 100 900; font-stretch: 50% 150%; font-style: italic; font-display: swap; }
@font-face { font-family: 'GT America Mono'; src: url('/static/fonts/gt-america-mono.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'GT Pantheon'; src: url('/static/fonts/gt-pantheon.woff2') format('woff2'); font-weight: 300 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'GT Pantheon'; src: url('/static/fonts/gt-pantheon-italic.woff2') format('woff2'); font-weight: 300 900; font-style: italic; font-display: swap; }
@font-face { font-family: 'GT Sectra'; src: url('/static/fonts/gt-sectra-display-medium.woff2') format('woff2'); font-weight: 400 700; font-style: normal; font-display: swap; }

:root {
  --c: 255, 255, 255;
  --bg: #17181a;
  --surface: #1e2023;
  --surface-alt: #26282c;
  --accent: 88, 166, 255;
  --border: rgba(var(--c), 0.10);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.5);
  --radius: 6px;
  --sidebar-w: 13rem;
}
@media (prefers-color-scheme: light) {
  :root {
    --c: 0, 0, 0;
    --bg: #f7f8f9;
    --surface: #ffffff;
    --surface-alt: #eef0f2;
    --accent: 37, 99, 235;
    --border: rgba(20, 22, 26, 0.10);
    --shadow-sm: 0 1px 2px rgba(20, 22, 26, 0.04);
    --shadow-md: 0 6px 22px rgba(20, 22, 26, 0.09), 0 2px 6px rgba(20, 22, 26, 0.05);
  }
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* Global scale — tuned for density over the legacy 106.25% bump. Tune this
   one value to make the whole UI larger/smaller (16px = 100%). The footer
   opts out below. */
html { font-size: 100%; }