/* styles/buttons.css — unify action button sizing */
:root{
  --action-btn-font-size: 1rem;
  --action-btn-pad-y: .75rem;
  --action-btn-pad-x: 1.5rem;
  --action-btn-radius: 8px;
  --action-btn-min-h: 44px;
}

.action-primary{
  font-size: var(--action-btn-font-size);
  min-height: var(--action-btn-min-h);
  padding: var(--action-btn-pad-y) var(--action-btn-pad-x);
  border-radius: var(--action-btn-radius);
  border: 0;
}

.action-secondary{
  font-size: var(--action-btn-font-size);
  min-height: var(--action-btn-min-h);
  padding: var(--action-btn-pad-y) var(--action-btn-pad-x);
  border-radius: var(--action-btn-radius);
  background: transparent;
  border: 1px solid var(--border-color, #e5e7eb);
}

/* Compact scale inside modals (font-sizeのみ縮小) */
body.ui-compact-80 .modal-overlay .action-primary,
body.ui-compact-80 .modal-overlay .action-secondary,
body.ui-compact-80 #vectorizer-panel .action-primary,
body.ui-compact-80 #vectorizer-panel .action-secondary,
body.ui-compact-80 #font-preview-panel .action-primary,
body.ui-compact-80 #font-preview-panel .action-secondary,
body.ui-compact-80 #exporter-panel .action-primary,
body.ui-compact-80 #exporter-panel .action-secondary,
body.ui-compact-80 #fold3d-panel .action-primary,
body.ui-compact-80 #fold3d-panel .action-secondary,
body.ui-compact-80 #saved-designs-panel .action-primary,
body.ui-compact-80 #saved-designs-panel .action-secondary {
  font-size: calc(1rem * var(--ui-compact-scale, .8));
}