/* ============================================================
   Profesor en Casa · tokens de identidad
   Cambia estos valores y cambia toda la web.
   ============================================================ */
:root {
  /* Fondos (tinta profunda, no negro puro) */
  --bg:        #0e1017;
  --bg-2:      #161a24;   /* tarjetas */
  --bg-3:      #1e2531;   /* inputs / hover */
  --bg-glass:  rgba(22, 26, 36, 0.72);

  /* Texto */
  --text:      #f3f5fb;
  --muted:     #9aa4b6;
  --faint:     #6b7486;

  /* Acento cálido (humano, cercano) + turquesa (en vivo / disponible) */
  --accent:      #ff6a3d;
  --accent-soft: #ff8a63;
  --accent-ink:  #2a0f06;   /* texto sobre el acento */
  --live:        #2dd4bf;
  --live-soft:   rgba(45, 212, 191, 0.14);

  /* Líneas y sombras */
  --border:    rgba(255, 255, 255, 0.08);
  --border-2:  rgba(255, 255, 255, 0.14);
  --shadow:    0 24px 60px -20px rgba(0, 0, 0, 0.7);
  --shadow-sm: 0 8px 24px -12px rgba(0, 0, 0, 0.6);

  /* Gradientes sutiles */
  --grad-accent: linear-gradient(135deg, #ff6a3d 0%, #ff9556 100%);
  --grad-hero:   radial-gradient(1200px 600px at 78% -10%, rgba(255,106,61,0.18), transparent 60%),
                 radial-gradient(900px 500px at 8% 10%, rgba(45,212,191,0.10), transparent 55%);

  /* Tipografía */
  --font-display: 'Bricolage Grotesque', 'Manrope', system-ui, sans-serif;
  --font-body:    'Manrope', system-ui, -apple-system, sans-serif;

  /* Medidas */
  --maxw:      1200px;
  --radius:    18px;
  --radius-lg: 26px;
  --radius-sm: 12px;
  --gap:       clamp(16px, 3vw, 28px);
  --header-h:  70px;
}