/* Múnja tokens, direction C. Source of truth: munjadev/brand. Apps vendor a copy and do not edit it. */
:root {
  --bg: #14130f;
  --cell: #1b1a16;
  --line: #2b2924;
  --fg: #ece8df;
  --mute: #8f8b81;
  --ok: #9cc58a;
  --warn: #e3a23b;
  --bad: #e2826f;

  --voice: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --figure: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --text-s: 13px;
  --text-m: 15px;
  --text-l: 18px;
  --text-xl: 24px;
  --text-2xl: 32px;
  --text-3xl: 48px;

  --radius-control: 3px;
  --radius-cell: 4px;
  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--bg);
  color: var(--fg);
  font: 400 var(--text-m)/1.6 var(--voice);
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-underline-offset: 3px; }
:focus-visible { outline: 2px solid var(--fg); outline-offset: 2px; }
::selection { background: var(--fg); color: var(--bg); }
.figure { font-family: var(--figure); font-variant-numeric: tabular-nums; }