/* =============================================================================
 * Checkbox — label + native checkbox, accent-tinted. DM Sans, token-driven.
 * ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap');

.checkbox {
  display: inline-flex;
  align-items: flex-start;
  gap: var(--space-2);
  color: var(--color-content-secondary);
  font-family: 'DM Sans', var(--font-sans);
  font-size: var(--font-size-caption);
  line-height: 1.4;
  cursor: pointer;
}
.checkbox input {
  width: 16px;
  height: 16px;
  margin-top: 1px;
  accent-color: var(--color-content-accent);
  flex-shrink: 0;
}
.checkbox__label a {
  color: var(--color-content-accent);
  text-decoration: none;
  font-weight: var(--font-weight-medium);
}
.checkbox__label a:hover { text-decoration: underline; }