/*
 * Components - Buttons, modals, forms
 * Reusable UI elements layered on Pico CSS
 */

/* --- Buttons: Ensure amber primary buttons --- */

button:not(.outline):not(.secondary):not(.contrast):not([rel="prev"]),
input[type="submit"]:not(.outline):not(.secondary):not(.contrast),
[role="button"]:not(.outline):not(.secondary):not(.contrast) {
  --pico-background-color: var(--pico-primary);
  --pico-border-color: var(--pico-primary);
  --pico-color: var(--pico-primary-inverse);
  background-color: var(--pico-primary);
  border-color: var(--pico-primary);
  color: var(--pico-primary-inverse);
}

button:not(.outline):not(.secondary):not(.contrast):not([rel="prev"]):hover,
input[type="submit"]:not(.outline):not(.secondary):not(.contrast):hover,
[role="button"]:not(.outline):not(.secondary):not(.contrast):hover {
  --pico-background-color: var(--pico-primary-hover);
  --pico-border-color: var(--pico-primary-hover);
  background-color: var(--pico-primary-hover);
  border-color: var(--pico-primary-hover);
}

/* Dialog close button - reset to default muted style */
dialog button[rel="prev"] {
  background: transparent;
  border: none;
  color: var(--pico-muted-color);
}

dialog button[rel="prev"]:hover {
  color: var(--pico-color);
}