/* Variables compartidas */
:root {
  /* Escala neutral */
  --neutral-50: #ffffff;
  --neutral-100: #f8fafc;
  --neutral-200: #f1f5f9;
  --neutral-300: #e6eaf2;
  --neutral-400: #cbd5e1;
  --neutral-500: #9ba6b2;
  --neutral-600: #64748b;
  --neutral-700: #525d6b;
  --neutral-800: #282e3b;
  --neutral-900: #0f1218;
  --neutral-950: #0b0d12;

  /* Escala turquesa (Primario) */
  --teal-50: #e8fff8;
  --teal-100: #c8ffed;
  --teal-200: #a0f9dc;
  --teal-300: #75f9d5;
  --teal-400: #55dfbb;
  --teal-500: #39c6a5;
  --teal-600: #27a98c;
  --teal-700: #1e846f;
  --teal-800: #176756;
  --teal-900: #10483d;
  --teal-950: #06231c;

  /* Escala carmesí / rubí (Secundario - Biblioteca, Favoritos, Destacados) */
  --ruby-50: #fff1f2;
  --ruby-100: #ffe4e6;
  --ruby-200: #fecdd3;
  --ruby-300: #fda4af;
  --ruby-400: #fb7185;
  --ruby-500: #f43f5e;
  --ruby-600: #e11d48;
  --ruby-700: #be123c;
  --ruby-800: #9f1239;
  --ruby-900: #881337;
  --ruby-950: #4c0519;

  /* Escala violeta / índigo (Terciario - Tags, badges especiales, acentos) */
  --violet-100: #ede9fe;
  --violet-200: #ddd6fe;
  --violet-300: #c4b5fd;
  --violet-400: #a78bfa;
  --violet-500: #8b5cf6;
  --violet-600: #7c3aed;
  --violet-700: #6d28d9;
  --violet-950: #2e1065;

  /* Escala ámbar / dorado (Acentos - Ratings, Estrellas, Fuego) */
  --amber-300: #fcd34d;
  --amber-400: #fbbf24;
  --amber-500: #f59e0b;
  --amber-600: #d97706;

  /* Tipografía, bordes y sombras. */
  --font-sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;
  --radius-xl: 20px;
  --shadow-sm: 0 1px 2px rgb(0 0 0 / 35%);
  --shadow-md: 0 2px 8px rgb(0 0 0 / 35%);
  --shadow-lg: 0 4px 20px rgb(0 0 0 / 50%);
  --shadow-xl: 0 10px 40px rgb(0 0 0 / 65%);
}