/* ================================================
   RECLAMABEM — DESIGN TOKENS
   Fonte única de verdade para todo o design
   ================================================ */

:root {
  /* Cores primárias */
  --c-primary:      #6366F1;
  --c-primary-dark: #4F46E5;
  --c-secondary:    #8B5CF6;
  --c-accent:       #0ea5e9;

  /* Primária com opacidade */
  --c-p5:   rgba(99,102,241,0.05);
  --c-p8:   rgba(99,102,241,0.08);
  --c-p12:  rgba(99,102,241,0.12);
  --c-p20:  rgba(99,102,241,0.20);
  --c-p35:  rgba(99,102,241,0.35);

  /* Gradientes */
  --g-primary: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);
  --g-hero:    linear-gradient(180deg, #ffffff 0%, #f5f3ff 100%);

  /* Neutros */
  --c-ink:    #0a0a0a;
  --c-ink-80: #1f2937;
  --c-ink-60: #374151;
  --c-ink-40: #6b7280;
  --c-ink-20: #9ca3af;
  --c-ink-10: #d1d5db;
  --c-ink-5:  #f3f4f6;
  --c-bg:     #ffffff;
  --c-bg-alt: #f9fafb;

  /* Status */
  --c-green:  #16a34a;
  --c-amber:  #d97706;
  --c-red:    #dc2626;

  /* Sombras */
  --s-sm:  0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.06);
  --s-md:  0 1px 3px rgba(0,0,0,0.04), 0 8px 24px rgba(0,0,0,0.08);
  --s-lg:  0 4px 8px rgba(0,0,0,0.06), 0 20px 40px rgba(0,0,0,0.11);
  --s-btn: 0 4px 16px rgba(99,102,241,0.35);
  --s-pop: 0 8px 40px rgba(99,102,241,0.18);

  /* Raios */
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-xl:   20px;
  --r-pill: 100px;

  /* Fontes */
  --f-display: 'Sora', sans-serif;
  --f-body:    'Plus Jakarta Sans', sans-serif;

  /* Espaçamentos (mobile) */
  --s-x: 20px;
  --s-y: 72px;
  --max-w: 1140px;

  /* Transição */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --t: 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 641px)  { :root { --s-x: 24px; --s-y: 88px; } }
@media (min-width: 1024px) { :root { --s-y: 104px; } }