/* ════════════════════════════════════════════════════════════════════
   VIVUCAP SOCIAL · NATIVE · DESIGN TOKENS
   Brand palette synced 1:1 with vivucap.com (capsule platform).
   Native build — no WordPress, no Elementor. AWS-first.
   ════════════════════════════════════════════════════════════════════ */

:root {
  /* ── Backgrounds ── */
  --vc-night:        #060A18;   /* body base */
  --vc-night-2:      #050914;   /* hero deep */
  --vc-night-3:      #08102B;   /* hero mid */
  --vc-night-4:      #0C1535;   /* surface raised */
  --vc-glass-1:      rgba(255,255,255,.035);
  --vc-glass-2:      rgba(255,255,255,.06);
  --vc-glass-3:      rgba(255,255,255,.09);
  --vc-line:         rgba(255,255,255,.10);
  --vc-line-strong:  rgba(255,255,255,.18);

  /* ── Text ── */
  --vc-text:         #F1F5F9;
  --vc-text-soft:    rgba(240,246,252,.78);
  --vc-text-mute:    #94A3B8;
  --vc-text-dim:     #64748B;

  /* ── Brand accents ── */
  --vc-blue-700:     #1D4ED8;
  --vc-blue-500:     #3B82F6;
  --vc-blue-300:     #6EA8FF;
  --vc-cyan-400:     #22D3EE;
  --vc-cyan-300:     #67E8F9;
  --vc-gold-600:     #D4A017;
  --vc-gold-400:     #E8B830;
  --vc-gold-200:     #FFE089;
  --vc-rose:         #CC3366;
  --vc-rose-hot:     #F0307A;
  --vc-green:        #34D399;

  /* ── Gradients ── */
  --vc-grad-capsule: linear-gradient(135deg, #1D4ED8 0%, #3B82F6 46%, #22D3EE 100%);
  --vc-grad-cta:     linear-gradient(135deg, #3B82F6, #22D3EE);
  --vc-grad-gold:    linear-gradient(135deg, #D4A017, #E8B830);
  --vc-grad-rose:    linear-gradient(135deg, #CC3366, #F0307A);
  --vc-grad-night:   linear-gradient(145deg, #050914 0%, #08102B 45%, #050914 100%);
  --vc-grad-bg:
     radial-gradient(circle at 18% 0%, rgba(34,211,238,.10), transparent 30%),
     radial-gradient(circle at 86% 12%, rgba(212,160,23,.08), transparent 28%),
     linear-gradient(180deg, #060A18 0%, #050914 100%);
  --vc-grad-brand-text: linear-gradient(135deg, #6EA8FF 0%, #22D3EE 60%, #E8B830 120%);

  /* ── Shadows ── */
  --vc-shadow-cta:   0 10px 30px -8px rgba(59,130,246,.45), 0 4px 14px rgba(34,211,238,.20);
  --vc-shadow-gold:  0 10px 30px -8px rgba(212,160,23,.40), 0 4px 14px rgba(232,184,48,.18);
  --vc-shadow-card:  0 18px 48px -14px rgba(0,0,0,.55), 0 6px 18px rgba(0,0,0,.30);
  --vc-shadow-glow:  0 0 0 1px rgba(34,211,238,.35), 0 12px 40px rgba(59,130,246,.30);
  --vc-shadow-float: 0 24px 60px -18px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.06);

  /* ── Radius / motion ── */
  --vc-r-sm: 12px;  --vc-r-md: 18px;  --vc-r-lg: 24px;  --vc-r-xl: 30px;  --vc-r-pill: 999px;
  --vc-ease: cubic-bezier(.2,.8,.2,1);
  --vc-ease-spring: cubic-bezier(.34,1.56,.64,1);

  /* ── Layout ── */
  --vc-page:   minmax(0, 720px);
  --vc-gutter: clamp(14px, 4vw, 22px);
  --vc-nav-h:  64px;

  /* ── Type ── */
  --vc-font:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --vc-display: 'Playfair Display', Georgia, serif;
  --vc-brand:   'Outfit', 'Inter', sans-serif;
}