/* Variables de tema Rovella: negro + rojo (tomados del logo) */
:root {
  /* Superficies */
  --background: 0 0% 98%;
  --foreground: 0 0% 8%;
  --card: 0 0% 100%;
  --card-foreground: 0 0% 8%;
  --secondary: 0 0% 94%;
  --secondary-foreground: 0 0% 6%;
  --muted: 0 0% 95%;
  --muted-foreground: 0 0% 40%;
  --border: 0 0% 90%;

  /* Marca */
  --primary: 0 0% 6%;
  --primary-foreground: 0 0% 98%;
  --primary-light: 0 0% 14%;
  --accent: 356 88% 48%;
  --accent-light: 356 92% 60%;
  --accent-foreground: 0 0% 100%;

  /* Estados */
  --destructive: 0 84% 60%;
  --destructive-foreground: 0 0% 98%;
  --ring: 356 88% 48%;

  --radius: 1rem;

  /* Voz de datos: rótulos, cifras y escalas del panel de tasación */
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}