/* Ondemand's look for Atlas: the Control Room design system (ondemand-portal/DESIGN.md) mapped
   onto mintkit cloud's tokens. Dark only (brand.json), one monospace family, Terminal Green as
   the single accent, 2-4px corners, cool near-black surfaces separated by hairlines. */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;700&display=swap');

:root,
.dark {
  --font-sans: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --color-rail: #0b0e10; /* console */
  --color-sidebar: #0f1215; /* background */
  --color-sidebar-edge: #25262b; /* edge */
  --color-canvas: #0f1215;
  --color-card: #1a1b1e; /* surface */
  --color-band: #212227; /* surface-raised */
  --color-line: #25262b;
  --color-hover: #212227;

  --color-ink: #f8f9fa;
  --color-muted: #a6a7ab; /* ink-dim */
  --color-faint: #5c5f66;

  --color-primary: #40c057; /* brand */
  --color-primary-ink: #0b0e10;
  --color-accent: #40c057;

  --color-ok: #40c057;
  --color-ok-bg: rgb(64 192 87 / 0.13);
  --color-bad: #fa5252;
  --color-bad-bg: rgb(250 82 82 / 0.13);
  --color-info: #4dabf7;
  --color-info-bg: rgb(77 171 247 / 0.13);
  --color-warn: #fab005;
  --color-warn-bg: rgb(250 176 5 / 0.13);

  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 4px;
  --radius-xl: 4px;
  --radius-2xl: 4px;
  --radius-card: 4px;

  color-scheme: dark;
}

/* Every digit lines up, as in the portal. */
body {
  font-variant-numeric: tabular-nums;
}