:root {
      --brand: #7C3AED; /* Violet principal */
      --brand-600: #6D28D9;
      --bg: #FFFFFF;
      --bg-elev: #F9FAFB;
      --text: #0F172A;
      --muted: #475569;
      --ring: rgba(124,58,237,.35);
    }
    .dark {
      --bg: #0B1020;
      --bg-elev: #11162A;
      --text: #E5E7EB;
      --muted: #A5B4FC;
      --ring: rgba(124,58,237,.55);
    }
    :where(a, button, input, select, textarea, summary):focus-visible {
      outline: 3px solid var(--brand);
      outline-offset: 2px;
    }
    @media (prefers-reduced-motion: no-preference) {
      .fade-in { animation: fade .6s ease-out both; }
      @keyframes fade { from { opacity:0; transform: translateY(6px); } to { opacity:1; transform: translateY(0); } }
    }