/* Generated from docs/design/button-tokens.json. Run node scripts/sync-button-tokens.mjs; do not edit. */
@font-face { font-family:"Pretendard"; src:url('/shared/pretendard-bold.woff') format('woff'); font-style:normal; font-weight:700; font-display:swap; }
.action-button[data-action] {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-width: var(--button-min-width); min-height: var(--button-min-height);
  padding: var(--button-padding-y) var(--button-padding-x);
  border: 1px solid var(--action-border, transparent); border-radius: var(--button-radius);
  background: var(--action-bg); color: var(--action-fg); box-shadow: none;
  font-family: var(--button-font-family); font-size: var(--button-font-size);
  font-weight: var(--button-font-weight); line-height: 1.4; text-align: center;
  text-decoration: none; cursor: pointer; opacity: 1; touch-action: manipulation;
  transition: background-color 150ms ease, border-color 150ms ease;
}
.action-button[data-action="primary"] { --action-bg:var(--button-primary-background); --action-fg:var(--button-primary-foreground); --action-hover:var(--button-primary-hover); --action-pressed:var(--button-primary-pressed); }
.action-button[data-action="secondary"] { --action-bg:var(--button-secondary-background); --action-fg:var(--button-secondary-foreground); --action-hover:var(--button-secondary-hover); --action-pressed:var(--button-secondary-pressed); --action-border:var(--button-secondary-border); }
.action-button[data-action="tertiary"] { --action-bg:var(--button-tertiary-background); --action-fg:var(--button-tertiary-foreground); --action-hover:var(--button-tertiary-hover); --action-pressed:var(--button-tertiary-pressed); }
.action-button[data-action="danger"] { --action-bg:var(--button-danger-background); --action-fg:var(--button-danger-foreground); --action-hover:var(--button-danger-hover); --action-pressed:var(--button-danger-pressed); }
.action-button[data-action]:hover:not(:disabled) { background:var(--action-hover); color:var(--action-fg); }
.action-button[data-action]:active:not(:disabled), .action-button[data-action][aria-pressed="true"] { background:var(--action-pressed); color:var(--action-fg); }
.action-button[data-action]:focus-visible { outline:var(--button-focus-width) solid var(--button-focus-ring); outline-offset:var(--button-focus-offset); }
.action-button[data-action]:disabled { background:var(--button-disabled-background); color:var(--button-disabled-foreground); border-color:var(--button-disabled-background); opacity:1; cursor:not-allowed; }
.action-button__progress { width:14px; height:14px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:action-progress .7s linear infinite; flex:none; }
@keyframes action-progress { to {transform:rotate(360deg)} }
@media(prefers-reduced-motion:reduce) { .action-button[data-action] {transition:none} .action-button__progress {animation:none} }

/* Approved home ba93ce26 palette, using the same semantic action component. */
.home-adopt {
  --button-primary-background: var(--ds-semantic-color-primary);
  --button-primary-hover: var(--ds-semantic-color-hover);
  --button-primary-pressed: var(--ds-semantic-color-pressed);
  --button-primary-foreground: var(--ds-semantic-color-on-primary);
  --button-secondary-background: var(--ds-semantic-color-surface);
  --button-secondary-foreground: var(--ds-semantic-color-text);
  --button-secondary-border: var(--ds-semantic-color-control-border);
  --button-secondary-hover: var(--ds-semantic-color-selected);
  --button-secondary-pressed: var(--ds-semantic-color-selected);
  --button-tertiary-foreground: var(--ds-semantic-color-text);
  --button-tertiary-hover: var(--ds-semantic-color-selected);
  --button-tertiary-pressed: var(--ds-semantic-color-selected);
  --button-focus-ring: var(--ds-semantic-color-focus);
  --button-radius: var(--ds-semantic-control-radius);
  --button-font-family: var(--ds-semantic-font-family);
}
.home-adopt .action-button[data-action="primary"] {
  min-height: var(--ds-semantic-control-primary-height);
  font-size: var(--ds-semantic-control-text);
  font-weight: var(--ds-foundation-weight-strong);
}