/**
 * Tema: AI Generator Plus (default)
 *
 * Patrón idéntico a musikgen: los primitivos se definen bajo la clase
 * `.theme-aigenerator` que se añade al body por ThemeProvider.
 * globals.css define los valores base en :root; este archivo los sobrescribe
 * cuando el tema está activo (en caso de aigenerator son los mismos valores).
 *
 * Para crear un tema nuevo:
 *  1. Copia este archivo → public/themes/mi-cliente.css
 *  2. Cambia `.theme-aigenerator` por `.theme-mi-cliente`
 *  3. Modifica sólo los primitivos que cambien
 *  4. Añade la entrada en THEME_MAP (ThemeProvider.tsx) y VALID_THEMES
 *
 * REGLA: sólo cambiar los primitivos listados aquí.
 *        Los tokens semánticos se actualizan solos via var().
 */

.theme-aigenerator,
.theme-default {

  /* ────────────────────────────────────────────────────────────────────────
   * PRIMITIVOS — única fuente de verdad de los colores del cliente
   * ──────────────────────────────────────────────────────────────────────── */

  /* Tipografía — fuente principal del tema.
     --font-inter es inyectada por next/font en layout.tsx (variable: "--font-inter").
     Si el cliente usa otra fuente, sobreescribir sólo --font-body aquí. */
  --font-body:    var(--font-inter, "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif);
  --font-heading: var(--font-body);
  --font-mono:    ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;

  /* Lavender — color principal de acento */
  --lavender-50:  #F3F4FF;
  --lavender-100: #D9DCFF;
  --lavender-200: #C6CBFF;
  --lavender-300: #ACB3FF;
  --lavender-400: #9CA5FF;
  --lavender-500: #838EFF;   /* ⭐ principal */
  --lavender-600: #7781E8;
  --lavender-700: #5D65B5;
  --lavender-800: #484E8C;
  --lavender-900: #373C6B;

  /* Purple — color secundario */
  --purple-50:  #EFE6FD;
  --purple-100: #CEB0FA;
  --purple-200: #B78AF7;
  --purple-300: #9654F4;
  --purple-400: #8133F1;
  --purple-500: #6200EE;   /* ⭐ secundario */
  --purple-600: #5900D9;
  --purple-700: #4600A9;
  --purple-800: #360083;
  --purple-900: #290064;

  /* Turquoise — color terciario */
  --turquoise-50:  #EBFCFB;
  --turquoise-100: #C1F4F3;
  --turquoise-200: #A3EFED;
  --turquoise-300: #79E8E5;
  --turquoise-400: #5FE4E0;
  --turquoise-500: #37DDD8;   /* ⭐ terciario */
  --turquoise-600: #32C9C5;
  --turquoise-700: #279D99;
  --turquoise-800: #1E7A77;
  --turquoise-900: #175D5B;

  /* Neutrals */
  --neutral-1:  #FFFFFF;
  --neutral-2:  #FCFCFC;
  --neutral-3:  #F5F5F5;
  --neutral-4:  #F0F0F0;
  --neutral-5:  #D9D9D9;
  --neutral-6:  #BFBFBF;
  --neutral-7:  #8C8C8C;
  --neutral-8:  #595959;
  --neutral-9:  #454545;
  --neutral-10: #262626;
  --neutral-11: #1F1F1F;
  --neutral-12: #141414;
  --neutral-13: #000000;

  /* App backgrounds */
  --bg-app:      #000000;
  --bg-dark:     #181818;
  --bg-surface:  #1D1D2C;
  --bg-elevated: #262638;
  --bg-overlay:  #2A2A3E;
  --bg-header:   #0D0D0D;
  --bg-card-tool:#0A0A0A;
}

/* Tooltip SDK override */
[data-slot="tooltip-content"] {
  border-color: rgba(131, 142, 255, 0.15) !important;
  border-width: 1px !important;
}