/* ─── TOKENS ─────────────────────────────────────────── */

:root {
  /* Colores dark (default) */
  --bg:            #0A0A0A;
  --surface:       #111111;
  --surface-2:     #171717;
  --border:        rgba(255,255,255,0.07);
  --border-strong: rgba(255,255,255,0.14);

  --text-primary:   #FFFFFF;
  --text-secondary: rgba(255,255,255,0.50);
  --text-tertiary:  rgba(255,255,255,0.28);

  --accent:         #FFFFFF;
  --accent-bg:      rgba(255,255,255,0.10);
  --accent-hover:   rgba(255,255,255,0.15);

  --positive:       #34C759;
  --negative:       #FF3B30;
  --positive-bg:    rgba(52, 199, 89, 0.12);
  --negative-bg:    rgba(255, 59, 48, 0.12);

  /* Bordes */
  --radius-sm:  8px;
  --radius-md:  14px;
  --radius-lg:  20px;
  --radius-xl:  28px;

  /* Espaciado */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;

  /* Tipo */
  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-md:   17px;
  --text-lg:   22px;
  --text-xl:   34px;
  --text-2xl:  48px;

  /* Sombras */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.3);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.4);
  --shadow-lg:  0 8px 40px rgba(0,0,0,0.6);

  /* Transiciones */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast:   150ms;
  --dur-base:   250ms;
  --dur-slow:   400ms;

  /* Nav */
  --nav-height: 72px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

/* ─── TEMA CLARO ─── */
[data-theme="light"] {
  --bg:            #F5F5F7;
  --surface:       #FFFFFF;
  --surface-2:     #F0F0F2;
  --border:        rgba(0,0,0,0.07);
  --border-strong: rgba(0,0,0,0.12);

  --text-primary:   #0A0A0A;
  --text-secondary: rgba(0,0,0,0.50);
  --text-tertiary:  rgba(0,0,0,0.28);

  --accent:         #0A0A0A;
  --accent-bg:      rgba(0,0,0,0.07);
  --accent-hover:   rgba(0,0,0,0.12);

  --shadow-sm:  0 1px 3px rgba(0,0,0,0.08);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.10);
  --shadow-lg:  0 8px 40px rgba(0,0,0,0.15);
}