/* ═══════════════════════════════════════════════════════════
   YouPlanFit · Design System V2 — tokens compartidos
   ═══════════════════════════════════════════════════════════
   Fuente única de verdad: DESIGN_SYSTEM_V2.md (extraído de la Golden
   Reference, ya usado en la landing V2 — assets/css/portada-v2.css).

   Estos tokens son GLOBALES (:root, no escopados a body.portada-v2) para
   que cualquier subpágina pueda cargarlos y usar var(--v2-cyan) etc. sin
   pertenecer a la landing. Los nombres son idénticos a los que ya usa
   portada-v2.css a propósito: es el mismo sistema, no uno nuevo.

   No cargar esta hoja NO afecta nada: es solo variables, cero selectores
   de elemento. Cargarla en una página no le cambia el aspecto hasta que
   esa página además cargue design-v2-components.css o reglas propias que
   usen estos tokens.
   ═══════════════════════════════════════════════════════════ */
:root{
  --v2-bg:#071016;
  --v2-bg2:#0a1620;
  --v2-panel:#0d1c27cc;
  --v2-panel-solid:#0d1c27;
  --v2-line:#1c3d4e;
  --v2-text:#f5f8fa;
  --v2-muted:#9db2bd;
  --v2-cyan:#13b9e7;
  --v2-cyan2:#4cd6ff;
  /* Antes era azul (#1f6cff): por pedido, todo lo que use esta variable
     pasa a turquesa —el tono profundo del par con --v2-cyan— en una sola
     línea, sin salir a buscar cada botón/gradiente que la usa una por
     una (27 usos en 10 hojas). */
  --v2-blue:#0d93b0;
  --v2-green:#3ad37a;
  --v2-amber:#f7b844;
  --v2-pink:#ff5f86;
  --v2-purple:#9d72ff;
  --v2-radius:28px;

  --v2-display:"Playfair Display",Georgia,serif;
  --v2-body:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;

  --v2-dur:.25s;
  --v2-curva:ease;
  --v2-sombra:0 20px 50px rgba(0,0,0,.34);
  --v2-sombra-sm:0 12px 28px rgba(0,0,0,.3);
  --v2-glow-cyan:0 0 25px rgba(19,185,231,.15);
}