/* ================================================================
   tokens.css — AskLuly Design System
   Variables de diseño compartidas por todas las páginas
   ================================================================ */

:root {

  /* ─── COLORES ─── */

  --color-ink:     #1a1816;
  --color-ink-60:  #555555;
  --color-ink-40:  #888888;

  --color-gray-10: #f5f5f5;
  --color-gray-30: #e8e8e8;
  --color-gray-50: #cccccc;

  --color-white:   #ffffff;

  /* ─── TIPOGRAFÍA ─── */

  --font-sans:  "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-serif: "Cormorant Garamond", Georgia, serif;

  /* ─── Z-INDEX ─── */

  --z-nav:     100;
  --z-overlay: 200;

  /* ─── TRANSICIONES ─── */

  --transition-fast: 0.2s ease;
  --transition-base: 0.35s ease;

}