/* ═══════════════════════════════════════════════════════════════
   BOOKEO PRO — Design System · Opción 3: Cyber Luxury
   Inspiración: Tesla · Apple Vision Pro · Tecnología Premium
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* Fondos */
  --bg-primary:    #050805;
  --bg-secondary:  #080d08;
  --bg-tertiary:   rgba(255,255,255,.03);

  /* Cards glassmorphism */
  --card-bg:       rgba(255,255,255,.05);
  --card-hover:    rgba(255,255,255,.08);
  --card-border:   rgba(255,255,255,.08);
  --card-border-h: rgba(46,229,122,.30);

  /* Acento */
  --accent:        #2EE57A;
  --accent-dim:    #1BBF63;
  --accent-muted:  rgba(46,229,122,.12);
  --accent-glow:   rgba(46,229,122,.35);
  --accent-soft:   rgba(46,229,122,.08);

  /* Texto */
  --text:          #FFFFFF;
  --muted:         rgba(255,255,255,.50);
  --subtle:        rgba(255,255,255,.25);

  /* Bordes */
  --border:        rgba(255,255,255,.08);
  --border-hover:  rgba(46,229,122,.30);

  /* Sombras */
  --shadow-sm:     0 2px 8px rgba(0,0,0,.4);
  --shadow:        0 8px 40px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.06);
  --shadow-accent: 0 0 30px rgba(46,229,122,.20);
  --shadow-glow:   0 0 24px rgba(46,229,122,.35);

  /* Radios */
  --radius-sm:     8px;
  --radius:        14px;
  --radius-lg:     20px;
  --radius-xl:     26px;

  /* Blur glassmorphism */
  --blur:          blur(20px);
  --blur-sm:       blur(10px);

  /* Tipografía */
  --font:          ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:     ui-monospace, 'SF Mono', Menlo, monospace;

  /* Transiciones premium */
  --ease:          cubic-bezier(.16,1,.3,1);
  --transition:    .2s cubic-bezier(.16,1,.3,1);
  --transition-fast: .12s ease;
}