/* Design tokens. Change the look of the whole lab here.
   Colour carries meaning: red = untrusted / breached, blue = defended / system. */
:root {
  --bg: #edeff3;
  --surface: #f8f9fb;
  --surface-2: #e3e7ee;
  --ink: #10151f;
  --ink-2: #4b5567;
  --line: #c9d0dc;

  --danger: #c0212f;
  --danger-bg: #f8e4e6;
  --defense: #1f4fd1;
  --defense-bg: #e1e9fb;
  --model: #6b7385;

  --font-display: "Iowan Old Style", "Palatino Linotype", Palatino, "URW Palladio L", "Book Antiqua", Georgia, serif;
  --font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-code: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;

  --step--1: 0.8125rem;
  --step-0: 1rem;
  --step-1: 1.1875rem;
  --step-2: 1.5rem;
  --step-3: 2rem;
  --step-4: clamp(2.4rem, 5.2vw, 3.9rem);

  --radius: 6px;
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --measure: 62ch;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0e121a;
    --surface: #151a25;
    --surface-2: #1d2432;
    --ink: #e8ecf4;
    --ink-2: #9aa5b8;
    --line: #2a3345;
    --danger: #ff6b7a;
    --danger-bg: #2c161b;
    --defense: #7ea3ff;
    --defense-bg: #162140;
    --model: #8d96aa;
  }
}