/* ═══════════════════════════════════════════════════════
   PONTEGEEK — DESIGN TOKENS
   Única fuente de verdad. Ninguna página redefine colores.
   ═══════════════════════════════════════════════════════ */

:root {
  /* tipografía */
  --display: 'Space Grotesk', sans-serif;
  --body:    'Inter', sans-serif;

  /* acentos — invariantes de tema */
  --pop:    #FF5C28;
  --berry:  #E0427B;
  --mint:   #12C9A6;
  --violet: #7C5CFF;
  --amber:  #FFB020;

  /* forma */
  --r:      18px;
  --r-sm:   13px;
  --r-pill: 100px;
}

/* ── Tema oscuro ─────────────────────────────── */
[data-theme="dark"] {
  --bg:     #0C0C10;
  --surf:   #16161D;
  --surf-2: #1E1E27;
  --line:   rgba(255, 255, 255, 0.08);
  --line-2: rgba(255, 255, 255, 0.15);
  --tx:     #F5F5F7;
  --tx-2:   #9A9AA4;
  --tx-3:   #63636D;
  --shadow: 0 18px 44px -22px rgba(0, 0, 0, 0.7);
}

/* ── Tema claro ──────────────────────────────── */
[data-theme="light"] {
  --bg:     #F0EEE9;
  --surf:   #FFFFFF;
  --surf-2: #F4F3EE;
  --line:   rgba(20, 18, 12, 0.09);
  --line-2: rgba(20, 18, 12, 0.17);
  --tx:     #16140E;
  --tx-2:   #5C5A52;
  --tx-3:   #94928C;
  --shadow: 0 16px 40px -22px rgba(60, 50, 30, 0.28);
}