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

:root {
  /* Paleta "la línea que piensa" — la misma del landing (pages/home.css) */
  --color-bg:           #E9EDF2;   /* niebla: fondo general */
  --color-bg-card:      #F5F7FA;   /* superficies */
  --color-bg-input:     #FFFFFF;
  --color-bg-hover:     #E1E6EE;
  --color-border:       #CDD4DF;
  --color-border-focus: #3355FF;

  /* Marca: un solo acento, la línea de luz */
  --color-primary:      #3355FF;
  --color-primary-dark: #2443D9;
  --color-primary-glow: rgba(51, 85, 255, 0.12);

  /* Texto: tinta azul profunda */
  --color-text:         #1C2230;
  --color-text-muted:   #5B6576;
  --color-text-dim:     #8A94A6;
  --color-night:        #131826;   /* 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:      #3355FF;
  --color-credits-bg:   rgba(51, 85, 255, 0.10);

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

  --text-xs:    0.70rem;
  --text-sm:    0.82rem;
  --text-base:  0.93rem;
  --text-md:    1.05rem;
  --text-lg:    1.20rem;
  --text-xl:    1.50rem;
  --text-2xl:   2.00rem;

  --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(28, 34, 48, 0.06);
  --shadow-md:  0 8px 24px -12px rgba(28, 34, 48, 0.18);
  --shadow-lg:  0 30px 80px -30px rgba(28, 34, 48, 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;
}