:root {
  --topc-ink: #101828;
  --topc-muted: #667085;
  --topc-line: #e6e9ee;
  --topc-surface: #ffffff;
  --topc-canvas: #f7f8fa;
  --topc-accent: #f56300;
  --topc-success: #16803c;
  --topc-danger: #b42318;
  --topc-container: 1240px;
  --topc-radius-card: 16px;
  --topc-radius-control: 10px;
  --topc-space-section: clamp(52px, 7vw, 88px);
  --topc-focus: 0 0 0 3px rgb(245 99 0 / 28%);
}

:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 0;
  box-shadow: var(--topc-focus);
}

.topc-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}