/* Marca de CV Generator. ÚNICA fuente de colores, tipografías y medidas: el resto del código usa var(--…)
   (la app, vía las variables de Tailwind de src/index.css, que leen los canales --hsl-*).
   Paleta semántica: 1 color de marca + 1 acento + neutros + estados. Si hace falta otro tono, se agrega AQUÍ
   con su uso, y aparece solo en /marca/. */
:root{
  /* Canales HSL para Tailwind (hsl(var(--primary))): mismo valor que el token de abajo */
  --hsl-marca:181 82% 25%;
  --hsl-fondo:0 0% 97%;
  --hsl-superficie:0 0% 100%;
  --hsl-tinta:222.2 84% 4.9%;
  --hsl-tinta-2:215.4 16.3% 46.9%;
  --hsl-linea:214.3 31.8% 91.4%;
  --hsl-error:0 84.2% 60.2%;
  /* Marca */
  --marca:hsl(var(--hsl-marca));       /* botones principales, pestaña activa, enlaces */
  --marca-hover:color-mix(in srgb,var(--marca) 85%,#000); /* al pasar el mouse o tocar un botón principal */
  --marca-suave:color-mix(in srgb,var(--marca) 12%,#fff); /* fondos de chips y avisos de la marca */
  --sobre-marca:#F8FAFC;               /* texto encima de --marca */
  --fondo-barra:#1E2228;                     /* encabezado oscuro, color del tema y fondo del ícono */
  --acento:#F59E0B;                    /* detalles puntuales: estrellas, destacados. Nunca texto largo */
  --sobre-acento:#16151A;              /* texto encima de --acento */
  /* Neutros */
  --fondo:hsl(var(--hsl-fondo));       /* fondo de página */
  --superficie:hsl(var(--hsl-superficie)); /* tarjetas, panel del editor, diálogos */
  --tinta:hsl(var(--hsl-tinta));       /* texto principal */
  --tinta-2:hsl(var(--hsl-tinta-2));   /* texto secundario (≥ 4.5:1 sobre --superficie) */
  --linea:hsl(var(--hsl-linea));       /* bordes y divisores */
  /* Estados */
  --ok:#059669;                        /* éxito: guardado, copiado */
  --aviso:#B45309;                     /* atención */
  --error:hsl(var(--hsl-error));       /* borrar o reiniciar: solo como fondo con texto blanco grande, no como texto */
  --info:#2563EB;                      /* información */
  /* Tipografía: una sola familia para la interfaz (las plantillas del CV traen las suyas) */
  --display:'Inter',system-ui,-apple-system,sans-serif;
  --sans:'Inter',system-ui,-apple-system,sans-serif;
  --t-1:2.5rem; --t-2:1.75rem; --t-3:1.25rem; --t-texto:1rem; --t-chico:.875rem;
  /* Forma */
  --radio:.5rem; --radio-chico:.375rem; --sombra:0 1px 3px rgba(2,8,23,.08),0 8px 24px -12px rgba(2,8,23,.2);
}