/* ==========================================================================
   Tokens globales de diseño
   Contiene: colores, gradientes, tipografías, radios, anchos máximos, duraciones y easing.
   Uso: sólo variables CSS (custom properties). Sin reglas de layout ni de componentes.
   ========================================================================== */


:root{
  --bg:#000;
  --panel:rgba(255,255,255,.06);
  --panel-2:rgba(255,255,255,.10);
  --line:rgba(255,255,255,.18);
  --line-strong:rgba(255,255,255,.28);

  --text-1:#fff;
  --text-2:#e6e9ff;

  --accent:#7a31ff;
  --accent-600:#6227d8;

  --radius-xl:20px;
  --radius-lg:16px;
  --radius-md:12px;

  --container:1180px;

  --font-sans:"Mona Sans",-apple-system,system-ui,Segoe UI,Roboto,Arial,"Noto Sans","Helvetica Neue",sans-serif;

  --dur:.25s;
  --ease:cubic-bezier(.22,.61,.36,1);
}