:root {
  color-scheme: dark;

  --lab-bg: #101114;
  --lab-surface: #181a1f;
  --lab-raised: #1f232b;
  --lab-text: #e8eaed;
  --lab-muted: #9aa0a6;
  --lab-accent: #7dd3c7;
  --lab-border: #2a2e36;
  --lab-ok: #86c99b;
  --lab-warn: #d6b56a;
  --lab-danger: #e08b8b;
  --lab-token-ewt: #a78bfa;
  --lab-token-stewt: #c4b5fd;
  --lab-token-usdc: #5eead4;

  --lab-font: 'IBM Plex Sans', system-ui, 'Segoe UI', sans-serif;
  --lab-mono: 'IBM Plex Mono', 'Cascadia Mono', 'Consolas', ui-monospace, monospace;

  --lab-weight-regular: 400;
  --lab-weight-semibold: 600;

  --lab-text-title-size: 1.5rem;
  --lab-text-title-weight: var(--lab-weight-semibold);
  --lab-text-title-tracking: -0.03em;
  --lab-text-title-leading: 1.2;

  --lab-text-subject-size: 1.125rem;
  --lab-text-subject-weight: var(--lab-weight-semibold);
  --lab-text-subject-tracking: -0.02em;
  --lab-text-subject-leading: 1.2;

  --lab-text-stat-size: 1.125rem;
  --lab-text-stat-leading: 1.2;

  --lab-text-body-size: 1rem;
  --lab-text-body-leading: 1.5;
  --lab-text-body-sm: 0.875rem;

  --lab-text-section-size: 0.8125rem;
  --lab-text-section-weight: var(--lab-weight-semibold);
  --lab-text-section-tracking: 0.04em;

  --lab-text-label-size: 0.75rem;
  --lab-text-label-weight: var(--lab-weight-semibold);
  --lab-text-label-tracking: 0.08em;

  --lab-text-table-size: 0.8125rem;
  --lab-text-table-head-size: 0.6875rem;
  --lab-text-feed-size: 0.8125rem;
  --lab-text-feed-detail-size: 0.75rem;

  --lab-text-brand-size: 1rem;
  --lab-text-brand-weight: var(--lab-weight-semibold);
  --lab-text-brand-tracking: -0.02em;

  --lab-space-1: 0.25rem;
  --lab-space-2: 0.5rem;
  --lab-space-3: 0.75rem;
  --lab-space-4: 1rem;
  --lab-space-5: 1.5rem;
  --lab-space-6: 2rem;
  --lab-space-7: 3rem;

  --lab-radius: 0.25rem;
  --lab-max-width: 90rem;
  --lab-pick-list-max-height: 22rem;
  --lab-brand-mark-height: 1.25rem;
  --lab-mark-graphite: var(--lab-bg);
  --lab-mark-paper: #f3f4f6;
  --lab-mark-white: #ffffff;
  --lab-mark-graphite-word: var(--lab-text);
  --lab-mark-paper-word: var(--lab-bg);
  --lab-table-subject-min: 10rem;
  --lab-table-subject-max: none;
  --lab-table-amount-min: 8.5rem;
}

@media (max-width: 52rem) {
  :root {
    --lab-table-subject-min: min(7.5rem, 40vw);
    --lab-table-subject-max: 40vw;
  }
}