/* Shared action hierarchy — color/material only.
   Page styles continue to own layout, hover movement and press feedback. */
:root {
  --ph-action-ink: #f2fbfc;
  --ph-action-border: rgba(102, 218, 225, .24);
  --ph-action-radius: 14px;
  --ph-action-gradient:
    radial-gradient(circle at 12% 125%, rgba(42, 207, 216, .24), transparent 48%),
    linear-gradient(118deg, #123149 0%, #0a2039 56%, #0d2a43 100%);
}

/* Only primary actions use the command-bar gradient. Secondary, navigation,
   segmented and utility controls retain their page-specific light treatment. */
html:root body :where(
  button[type="submit"],
  .generate-btn,
  .orange-btn,
  .login-submit,
  .primary-button,
  .tool-card > button,
  a.button-primary,
  a.header-login,
  .material-file-button > span
) {
  border-color: var(--ph-action-border) !important;
  border-radius: var(--ph-action-radius) !important;
  color: var(--ph-action-ink) !important;
  background-color: #0a2039 !important;
  background-image: var(--ph-action-gradient) !important;
}

html:root body :where(
  button[type="submit"],
  .generate-btn,
  .orange-btn,
  .login-submit,
  .primary-button,
  .tool-card > button,
  a.button-primary,
  a.header-login,
  .material-file-button > span
):hover:not(:disabled):not([aria-disabled="true"]) {
  border-color: rgba(116, 230, 235, .42) !important;
  color: #fff !important;
  background-color: #0a2039 !important;
  background-image: var(--ph-action-gradient) !important;
}

html:root body .danger-button,
html:root body button[data-danger="true"] {
  border-color: rgba(251, 113, 133, .42) !important;
  border-radius: var(--ph-action-radius) !important;
  color: #fff !important;
  background: linear-gradient(118deg, #c43b4f, #981f32 58%, #681426) !important;
}