/* Sidetrade Engineering Blog — design tokens */
:root {
  --st-navy: #0C1B45;
  --st-indigo: #2a4bb5;
  --st-blue: #4B9AEF;
  --st-blue-dark: #2F7FD3;
  --st-blue-light: #A8C8F8;
  --st-blue-pale: #D8E8F8;
  --st-blue-tint: #E8F4FB;
  --st-orange: #ff5a28;
  --st-orange-dark: #962800;
  --st-orange-tint: #ffe9e0;

  --st-white: #ffffff;
  --st-gray-1: #F4F6FA;
  --st-border: #E2E8F0;
  --st-border-strong: #C8D2DE;

  --st-text: #0C1B45;
  --st-text-body: #2b3559;
  --st-text-2: #4A5578;
  --st-text-3: #8E97AE;

  --st-font: Roboto, system-ui, sans-serif;
  --st-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --st-page: 1120px;
  --st-measure: 960px;
  --st-gutter: 24px;

  --st-r-xs: 2px;
  --st-r-sm: 4px;

  /* engineering grid used behind schematics */
  --st-grid-line: rgba(12,27,69,.08);
}