/*
 * BALTA admin theme - layered on top of Unfold to match the Next.js frontend.
 * The colour scales themselves (zinc neutrals + amber accent) come from UNFOLD["COLORS"] in
 * config/settings.py; this file only adjusts what a palette swap can't: which shade each
 * surface uses, the type stack, and corner radius.
 */

:root {
  /* Tailwind rounded-xl-ish, like the frontend's cards and inputs */
  --border-radius: 10px;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body {
  font-family: var(--font-sans);
}

/* Frontend: page + navbar are zinc-950, raised surfaces (cards, panels) zinc-900 with zinc-800 borders.
   Unfold paints the page, main area and sidebar all in base-900, so drop those three to 950 and
   let cards/modules keep 900 to get the same layering. */
.dark body,
.dark #main,
.dark aside.dark\:bg-base-900 {
  background-color: var(--color-base-950);
}

/* Selection colour, as in the frontend (amber on near-black) */
::selection {
  background-color: var(--color-primary-500);
  color: var(--color-base-950);
}

/* Amber focus ring on inputs/selects/textareas, as on the frontend forms */
.dark input:focus,
.dark select:focus,
.dark textarea:focus {
  outline-color: var(--color-primary-500);
  --tw-ring-color: var(--color-primary-500);
  border-color: var(--color-primary-500);
}

/* Primary buttons: amber with dark text (frontend uses text-zinc-950 on amber) */
.bg-primary-600,
.dark .dark\:bg-primary-600 {
  color: var(--color-base-950);
}

/* Switches: Unfold hard-codes green for the "on" state; the frontend's on-state is amber */
input[type="checkbox"].rounded-full:checked {
  background-color: var(--color-primary-500);
}