/* Opt-in visual foundations for Labs tools. Layouts and components stay local. */
@font-face {
  font-family: "Roboto Condensed";
  src: url("../fonts/roboto-condensed/RobotoCondensed-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/jetbrains-mono-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
}

.labs-theme {
  --labs-paper: #fdfdfb;
  --labs-surface: #fefefd;
  --labs-panel: #f5f5f1;
  --labs-ink: #292a26;
  --labs-muted: #65665e;
  --labs-line: #d7d8cf;
  --labs-accent: #344c38;
  --labs-selection: #dfe7d9;
  --labs-input-border: #85877d;
  --labs-radius: 4px;
  --labs-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --labs-font-display: "Roboto Condensed", "Arial Narrow", sans-serif;
  --labs-font-mono: "JetBrains Mono", monospace;
  background: var(--labs-paper);
  color: var(--labs-ink);
  font-family: var(--labs-font-body);
}

/* Match the canvas during overscroll without changing non-Labs pages. */
html:has(.labs-theme) {
  color-scheme: only light;
  background: #fdfdfb;
}