/* ── Design Tokens — isfreethink ──────────────────────────────────────────── */

:root {
  /* Paleta de la familia isFreeThink (laboratorio, Crea y Conversa): piedra, añil y naranja */
  --color-bg:           #ECEEE8;   /* piedra: fondo general */
  --color-bg-card:      #F7F8F4;   /* superficies */
  --color-bg-input:     #FFFFFF;
  --color-bg-hover:     #E3E6DE;
  --color-border:       #D3D6CE;
  --color-border-focus: #2B3A78;

  /* Marca: añil (principal) y naranja (acento) */
  --color-primary:      #2B3A78;
  --color-primary-dark: #1F2A5C;
  --color-primary-glow: rgba(43, 58, 120, 0.14);
  --color-accent:       #EC7A34;
  --color-accent-dark:  #DD6A24;
  --color-accent-text:  #A84A12;

  /* Texto: tinta */
  --color-text:         #16191F;
  --color-text-muted:   #4A4F57;
  --color-text-dim:     #7A808A;
  --color-night:        #151B42;   /* superficies oscuras puntuales (video, cierres) */

  /* Estado (ajustados para fondo claro) */
  --color-success:      #0E8A5F;
  --color-success-bg:   rgba(14, 138, 95, 0.10);
  --color-warning:      #B7791F;
  --color-warning-bg:   rgba(183, 121, 31, 0.12);
  --color-error:        #D0384A;
  --color-error-bg:     rgba(208, 56, 74, 0.10);
  --color-info:         #2F6FD6;
  --color-info-bg:      rgba(47, 111, 214, 0.10);

  /* Créditos */
  --color-credits:      #2B3A78;
  --color-credits-bg:   #D3D9EE;

  /* Tipografía (alojadas en /assets/fonts) */
  --font-sans:    'Alegreya Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Alegreya', Georgia, 'Times New Roman', serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;

  --text-xs:    0.78rem;
  --text-sm:    0.90rem;
  --text-base:  1.00rem;
  --text-md:    1.12rem;
  --text-lg:    1.28rem;
  --text-xl:    1.60rem;
  --text-2xl:   2.15rem;

  --font-regular: 400;
  --font-medium:  500;
  --font-semi:    600;
  --font-bold:    700;

  /* Espaciado */
  --space-1:   0.25rem;
  --space-2:   0.50rem;
  --space-3:   0.75rem;
  --space-4:   1.00rem;
  --space-5:   1.25rem;
  --space-6:   1.50rem;
  --space-8:   2.00rem;
  --space-10:  2.50rem;
  --space-12:  3.00rem;
  --space-16:  4.00rem;

  /* Radios */
  --radius-sm:  4px;
  --radius-md:  6px;
  --radius-lg:  8px;
  --radius-xl:  10px;
  --radius-full: 9999px;

  /* Sombras */
  --shadow-sm:  0 1px 2px rgba(22, 25, 31, 0.06);
  --shadow-md:  0 8px 24px -12px rgba(22, 25, 31, 0.18);
  --shadow-lg:  0 30px 80px -30px rgba(22, 25, 31, 0.35);
  --shadow-glow: 0 0 20px var(--color-primary-glow);

  /* Transiciones */
  --transition-fast:   120ms ease;
  --transition-base:   200ms ease;
  --transition-slow:   350ms ease;

  /* Layout */
  --sidebar-width:  0px;     /* sin barra lateral: menú superior en cápsula */
  --header-height:   76px;
  --content-max:   1200px;
  --panel-max:      640px;
}