/* While the site lives on darks.studio it wears that site's look. Only builds
   with PUBLIC_THEME=darks load this, so Physlock's own look is untouched for when
   it gets its own domain. Values are from darks.studio's www/ds.css. */

/* Here and not a <link>: Cloudflare rewrites that link into an inline style, which
   the page's security policy blocks, and the fonts silently don't load. */
@import url("https://fonts.googleapis.com/css2?family=Mona+Sans:wght@400..800&family=Martian+Mono:wght@400;500&display=swap");

:root {
  --font-sans: "Mona Sans", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Martian Mono", ui-monospace, Menlo, monospace;
  --r: 12px;
}

:root:not(.mf) {
  --color-ink: #111111;
  --color-panel: #191919;
  --color-tile: #1F1F1F;
  --color-term: #0D0D0D;
  --color-line: rgb(255 255 255 / 0.08);
  --color-line-2: rgb(255 255 255 / 0.15);
  --color-fg: #F5F5F4;
  --color-soft: #D6D3D1;
  --color-muted: #A8A29E;
  --color-dim: #8A847F;
  --color-frost: #FFB07A;
  --color-beam: #FF5A1F;
  --color-beam-hover: #FFB07A;
  --color-on-accent: #1F0A00;
  --color-warn: #FCD34D;
  --color-bad: #F87171;
  --color-bad-hover: #FCA5A5;
  --color-live: #86EFAC;
}

/* The few tints the main stylesheet writes out as blue instead of a token. */
:root:not(.mf) .inline-code,
:root:not(.mf) .prose-doc :not(pre) > code {
  background: rgb(255 120 60 / 0.1);
}