:root {
  --ub-white:#fff; --ub-ink:#112540; --ub-accent:#12c0e2; --ub-accent-hover:#01aeb7;
  --ub-muted:#6e757e; --ub-border:#dee2e8; --ub-surface:#f0f2f4;
  --ub-link:#006d85; --ub-focus:#006d85; --ub-error:#a62e24; --ub-success:#17683c;
  --ub-control-border:#87919c; --ub-radius-control:8px; --ub-radius-card:12px;
  --ub-font:Roboto,Arial,sans-serif; --ub-container:1280px; --ub-reading:780px;
  --ub-space-1:4px; --ub-space-2:8px; --ub-space-3:12px; --ub-space-4:16px;
  --ub-space-6:24px; --ub-space-8:32px; --ub-space-12:48px;
}