/**
 * tokens.css — ARK Design Tokens
 *
 * Variables de diseño compartidas para ARK (Paleta, Tipografías, Espaciado, Transiciones).
 * Base compartida por todos los componentes. No poner reglas de layout aquí.
 */

:root {
  /* --- Tipografías --- */
  --font-display: "Space Grotesk", sans-serif;
  --font-mono: "JetBrains Mono", monospace;
  --font-body: "Inter", sans-serif;

  /* --- Paleta de Color --- */
  --bg: #0a0a0a;
  --bg-alt: #111111;
  --bg-card: #161616;
  --bg-glass: rgba(10, 10, 10, 0.85);

  --fg: #f5f0eb;
  --fg-muted: #6b6b6b;
  --white: #ffffff;

  --accent: #98fe98;
  --accent-alt: #ccff00;
  --accent-glow: rgba(152, 254, 152, 0.15);
  --accent-alt-glow: rgba(204, 255, 0, 0.25);

  --border-subtle: rgba(245, 240, 235, 0.08);
  --border-bright: rgba(245, 240, 235, 0.2);
  --border-accent: rgba(152, 254, 152, 0.3);

  /* --- Layout y Dimensiones --- */
  --container-max: 1920px;
  --header-height: 64px;

  /* --- Transiciones --- */
  --ease-ark: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.2s var(--ease-ark);
  --transition-normal: 0.3s var(--ease-ark);
  --transition-smooth: 0.5s var(--ease-ark);
  --transition-slow: 0.8s var(--ease-ark);

  /* --- Z-index Layers --- */
  --z-scanline: 1;
  --z-grain: 2;
  --z-content: 10;
  --z-nav: 1000;
  --z-mobile-menu: 999;
  --z-fab: 9990;
  --z-noise: 9997;
  --z-cursor-ring: 99998;
  --z-cursor-dot: 99999;
}