:root {
  --fs-btn-bg: var(--accent);
  --fs-btn-bg-hover: var(--secondary);
  --fs-btn-color: #fff;
  --fs-btn-shadow: 0 2px 8px rgba(125,108,170,0.13);
}

body.dark-mode {
  --fs-btn-bg: var(--accent);
  --fs-btn-bg-hover: var(--secondary);
  --fs-btn-color: #fff;
  --fs-btn-shadow: 0 2px 8px rgba(184,161,227,0.13);
}

#custom-fullscreen-modal button {
  background: var(--fs-btn-bg) !important;
  color: var(--fs-btn-color) !important;
  border: none;
  border-radius: 50%;
  box-shadow: var(--fs-btn-shadow);
  transition: background 0.2s, color 0.2s, transform 0.2s, outline 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
#custom-fullscreen-modal button:hover, #custom-fullscreen-modal button:focus {
  background: var(--fs-btn-bg-hover) !important;
  color: var(--fs-btn-color) !important;
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  transform: scale(1.08);
}