:root {
  --k-white: #FFFFFF;
  --k-surface: #FAFAFA;
  --k-surface-2: #F5F5F7;
  --k-border: #D9D9DE;
  --k-text: #111111;
  --k-text-2: #3A3A3C;
  --k-muted: #66666B;
  --k-focus: #0A63D8;
  --k-success: #137A3A;
  --k-warning: #9A6500;
  --k-danger: #B42318;

  --k-font-ui: "Atkinson Hyperlegible Next", "Noto Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --k-radius-control: 10px;
  --k-radius-card: 14px;
  --k-border-width: 1px;

  --k-control-height: 52px;
  --k-touch-target: 48px;
  --k-body-size: 18px;
  --k-body-size-mobile: 17px;
  --k-caption-size: 15px;
  --k-line-height: 1.55;
}

.k-button-primary {
  min-height: var(--k-control-height);
  background: var(--k-text);
  color: var(--k-white);
  border: 1px solid var(--k-text);
  border-radius: var(--k-radius-control);
  font-family: var(--k-font-ui);
  font-weight: 600;
}

.k-button-secondary {
  min-height: var(--k-control-height);
  background: var(--k-white);
  color: var(--k-text);
  border: 1px solid #C7C7CC;
  border-radius: var(--k-radius-control);
  font-family: var(--k-font-ui);
  font-weight: 600;
}