/* Paleta de marca de Homie: morado (color principal: botones, enlaces,
   sección activa) + naranja (secundario: barras por categoría, acentos).
   Se define aquí, una sola vez, porque main.css lo carga toda plantilla
   (con o sin daisyUI); theme.css (solo en páginas con daisyUI, ver
   _platform_assets.html) reusa estas mismas variables para el tema "core"
   en vez de repetir los valores hexadecimales.
   Contraste comprobado (WCAG AA): texto sobre fondo 17:1, texto al 60% de
   opacidad 4.7:1, blanco sobre primary 7.1:1, *-content sobre secondary
   5.4:1, y el naranja sobre el fondo 3.4:1 (barras, no texto). */
:root {
  --brand-bg: #fcfaff;
  --brand-bg-soft: #f3eefb;
  --brand-border: #e2d8f1;
  --brand-text: #1c1129;
  --brand-primary: #6d28d9;
  --brand-primary-content: #ffffff;
  --brand-secondary: #ea580c;
  --brand-secondary-content: #1c0a00;
  --brand-accent: #fdba74;
  --brand-accent-content: #1c0a00;
  --brand-neutral: #3b1d6e;
  --brand-neutral-content: #ffffff;

  font-family: 'Poppins', system-ui, sans-serif;
}

/* Contrapartida oscura de la paleta de arriba, activada por el mismo
   data-theme="core-dark" que usa theme.css para el tema daisyUI a juego
   (ver toggle-theme.js y el script del <head> en base.html): fondo morado
   muy oscuro y morado/naranja más claros, con texto oscuro encima (el
   blanco no llega a 4.5:1 sobre ellos). Contraste: texto 15.5:1, *-content
   sobre primary 6.6:1 y sobre secondary 7.7:1. */
[data-theme="core-dark"] {
  --brand-bg: #16101f;
  --brand-bg-soft: #201730;
  --brand-border: #342649;
  --brand-text: #eee8f7;
  --brand-primary: #a78bfa;
  --brand-primary-content: #1c0f33;
  --brand-secondary: #fb923c;
  --brand-secondary-content: #1c0a00;
  --brand-accent: #fdba74;
  --brand-accent-content: #1c0a00;
  --brand-neutral: #c4b5fd;
  --brand-neutral-content: #1c0f33;
}

body {
  background-color: var(--brand-bg);
  color: var(--brand-text);
}

/* Nombre de la aplicación en el navbar (ver base.html): degradado morado ->
   naranja solo en el texto. Con las variables de la paleta (y no clases de
   Tailwind) para que siga a modo claro/oscuro; los dos extremos pasan 3:1
   sobre el fondo, suficiente para texto grande. */
.brand-title {
  background-image: linear-gradient(90deg, var(--brand-primary), var(--brand-secondary));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Oculta el navbar, los mensajes y el aviso de cookies (ver base.html) al
   imprimir/exportar a PDF una página cualquiera con el diálogo de
   impresión del navegador. */
@media print {
  .no-print {
    display: none;
  }
}