/* ── TOKENS — Variables globales ── */
:root {
  /* Colores */
  --bg:       #050818;
  --card:     #0f1525;
  --text:     #f0f2ff;
  --text2:    #a8b4d0;
  --text3:    #5a6a8a;
  --gold:     #f0c030;
  --red:      #e8344a;
  --green:    #26d47a;
  --purple:   #9b5fff;
  --cyan:     #00c9b1;
  --border:   rgba(255,255,255,.1);

  /* Espaciado */
  --gap-xs:   4px;
  --gap-sm:   8px;
  --gap-md:   12px;
  --gap-lg:   16px;
  --gap-xl:   24px;

  /* Radios */
  --r-sm:     8px;
  --r-md:     12px;
  --r-lg:     14px;
  --r-xl:     20px;
  --r-full:   9999px;

  /* Tipografía */
  --font-title:  'Bebas Neue', sans-serif;
  --font-ui:     'Barlow Condensed', sans-serif;
  --font-body:   'Barlow', sans-serif;

  /* Layout */
  --header-h:    15dvh;
  --body-h:      85dvh;
  --nav-mob-h:   10dvh;
  --nav-desk-w:  20dvw;
}