@import url('https://fonts.googleapis.com/css2?family=Spectral:wght@300;400;500;700&display=swap');

/* ---------- Global typography & layout ---------- */
html,
body {
  margin: 0;
  padding: 0;
  font-family: "Spectral", var(--font-serif, Georgia, "Times New Roman", serif);
}

:root {
  --font-sans: "Spectral", serif;
  --font-serif: "Spectral", serif;
}

/* Removes the rounded corners on the Pesha icons */
span[data-state="closed"] {
  border-radius: 0;
}

/* Adds background color to the action buttons */
div.flex-wrap > button {
  background-color: #dfd5f0;
  padding: 8px;
  margin: 4px;
  border-color: gray;
  border-width: 1px;
}

button[data-state="closed"]:has(> svg.lucide-copy) {
  background-color: transparent !important;
  width: 30px;
  height: 30px;
}

button[data-state="delayed-open"]:has(> svg.lucide-copy) {
  width: 30px;
  height: 30px;
}

button[data-state="closed"]:has(> svg.lucide-check) {
  width: 30px;
  height: 30px;
}

button[data-state="closed"]:has(> svg.lucide-copy) svg.lucide-copy {
  width: 16px;   
  height: 16px; 
}