:root {
  --brand-primary: #f24405;
  --brand-primary-strong: #d63a04;
  --brand-primary-soft: color-mix(in srgb, var(--brand-primary) 10%, transparent);
  --semantic-positive: #0f766e;
  --semantic-warning: #b45309;
  --semantic-danger: #b42318;
  --focus-ring: color-mix(in srgb, var(--brand-primary) 38%, transparent);
}

::selection {
  background: var(--brand-primary);
  color: #ffffff;
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline-color: var(--brand-primary);
}