/* ============================================================
   LEOSTUDIO — tokens.css
   Sistema de diseño: variables base del proyecto.
   Fuente de verdad: LEOSTUDIO_CONTEXT.md §2 (Identidad visual).
   ARCHIVO PROTEGIDO — solo Leo aprueba cambios.
   ============================================================ */

:root {
  /* === Fondos === */
  --bg-base:    #FAFAFB;   /* Blanco roto — fondo principal */
  --bg-alt:     #F4F4F7;   /* Gris frío muy claro — alternado / cards suaves */
  --bg-dark:    #0A0B14;   /* Casi negro azulado — mockups, cards tech, featured */
  --bg-dark-2:  #14162B;   /* Azul muy profundo — capas sobre bg-dark */

  /* === Texto === */
  --text-primary:      #0A0B14;
  --text-secondary:    #3A3D52;
  --text-tertiary:     #6B6F87;
  --text-on-dark:      #FAFAFB;
  --text-on-dark-soft: rgba(250, 250, 251, 0.65);

  /* === Acentos primarios === */
  --blue-deep:    #1E2BFF;   /* Azul brillante — CTAs principales */
  --blue-soft:    #4A5BFF;
  --purple:       #7B3FE4;
  --purple-soft:  #9D6FFF;
  --magenta:      #E8389E;   /* Highlights, acentos puntuales */
  --orange:       #FF7849;   /* Acento cálido, IA del Día */
  --green:        #16B364;   /* Verde éxito, estado disponible */

  /* === Tintes tenues (fondos de pills) === */
  --tint-blue:    rgba(30, 43, 255, 0.08);
  --tint-purple:  rgba(123, 63, 228, 0.08);
  --tint-magenta: rgba(232, 56, 158, 0.08);
  --tint-orange:  rgba(255, 120, 73, 0.10);
  --tint-green:   rgba(22, 179, 100, 0.10);

  /* === Gradientes === */
  --gradient-primary: linear-gradient(135deg, #1E2BFF 0%, #7B3FE4 100%);
  --gradient-vibrant: linear-gradient(135deg, #7B3FE4 0%, #E8389E 100%);
  --gradient-warm:    linear-gradient(135deg, #E8389E 0%, #FF7849 100%);

  /* === Bordes === */
  --border-soft:   rgba(10, 11, 20, 0.08);
  --border-medium: rgba(10, 11, 20, 0.15);
  --border-dark:   rgba(250, 250, 251, 0.10);

  /* === Tipografía (Sprint 10A: fuentes definitivas aprobadas por Leo) === */
  --font-display: 'Sora', system-ui, sans-serif;
  --font-body:    'DM Sans', system-ui, sans-serif;
  --font-mono:    'Cascadia Code', 'SF Mono', Consolas, monospace;

  /* === Espaciado === */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.5rem;
  --space-xl:  4rem;
  --space-2xl: 6rem;
  --space-3xl: 8rem;

  /* === Radios === */
  --radius-btn:  10px;
  --radius-card: 16px;
  --radius-pill: 999px;

  /* === Sombras === */
  --shadow-card:       0 8px 32px rgba(30, 43, 255, 0.06);
  --shadow-card-hover: 0 12px 40px rgba(30, 43, 255, 0.10);

  /* === Glow morado (hover de cards de recursos) === */
  --purple-glow:  #5B5BD6;
  --shadow-glow:  0 0 0 1px #5B5BD6, 0 8px 28px rgba(91, 91, 214, 0.25);

  /* === Transiciones === */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;
  --ease-out-expo:   cubic-bezier(0.16, 1, 0.3, 1);

  /* === Layout === */
  --max-width:  1200px;
  --nav-height: 72px;
}