/* Lab theme: the shared design tokens of lab.djordjeungar.com.
   Values only, no rules. layout.css styles the common elements with them, and
   experiments use them in their own CSS: color: var(--lab-ink). */
:root {
  /* Surfaces, darkest first */
  --lab-bg0: #1d1b3a;
  --lab-bg1: #2b2d6e;
  --lab-panel: #26285c;
  --lab-panel-2: #33377f;
  --lab-border: #4a4fa8;
  --lab-overlay: rgba(29, 27, 58, .86);

  /* Text */
  --lab-ink: #f6f1e3;
  --lab-muted: #a9acd9;
  --lab-dim: #6f73b0;
  --lab-paper: #f6f1e3;
  --lab-paper-ink: #1d1b3a;

  /* Accents: the liquids of the home page */
  --lab-teal: #2ee6d6;
  --lab-magenta: #ff4fa3;
  --lab-orange: #ff9a3c;
  --lab-lime: #b6f03c;
  --lab-yellow: #ffd93c;
  --lab-purple: #a77bff;
  --lab-blue: #4fb3ff;
  --lab-red: #ff5c6c;
  --lab-accent: var(--lab-teal);
  --lab-accent-2: var(--lab-magenta);
  --lab-accent-ink: var(--lab-bg0);
  --lab-danger: var(--lab-red);

  /* Type */
  --lab-font: ui-rounded, "Nunito", "Varela Round", system-ui, -apple-system, "Segoe UI", sans-serif;
  --lab-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --lab-font-size: 13px;

  /* Shape */
  --lab-radius: 10px;
  --lab-radius-sm: 6px;
  --lab-gap: 8px;
  --lab-control-h: 30px;
  --lab-shadow: 0 6px 18px rgba(0, 0, 0, .35);
  --lab-focus: 0 0 0 3px rgba(46, 230, 214, .45);
}