/* Custom overrides and additional styles */
body {
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
}

/* Optional: custom background overlay similar to original app */
section[style*="background-image"]::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(128, 128, 128, 0.5);
  z-index: 1;
}

section[style*="background-image"] > * {
  position: relative;
  z-index: 2;
}

html[data-theme="dark"] {
    --p: 199 93% 77%;
    --pf: 240 100% 2%;
    --pc: 0 0% 100%; /* White text */
}

html[data-theme="light"] {
    --p: 45 100% 50%;
    --pf: 240 100% 2%; /* Dark navy for contrast */
    --pc: 0 0% 0%;
}

.text-primary-content {
  color: hsl(var(--pc));
}

.bg-primary-focus {
    background-color: hsl(var(--p) / 70%);
}