/* ============================================================
   L2Top DevLyon - Design Tokens
   Paleta: oscuro dorado/carmesi (tema Lineage II)
   ============================================================ */

:root {
  /* Colores base */
  --bg-primary: #0a0a12;
  --bg-secondary: #12121e;
  --bg-card: #1a1a2e;
  --bg-card-hover: #222238;
  --bg-elevated: #25253a;

  /* Acentos */
  --accent-gold: #d4af37;
  --accent-gold-bright: #f0c75e;
  --accent-crimson: #c41e3a;
  --accent-crimson-dark: #8b0000;
  --accent-purple: #6b46c1;
  --accent-blue: #3b82f6;
  --accent-green: #10b981;

  /* Texto */
  --text-primary: #e8e8f0;
  --text-secondary: #a0a0b8;
  --text-muted: #6b6b80;
  --text-gold: #d4af37;

  /* Bordes */
  --border-color: rgba(212, 175, 55, 0.15);
  --border-hover: rgba(212, 175, 55, 0.4);
  --border-subtle: rgba(255, 255, 255, 0.06);

  /* Sombras */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
  --shadow-gold: 0 0 20px rgba(212, 175, 55, 0.2);
  --shadow-crimson: 0 0 20px rgba(196, 30, 58, 0.2);

  /* Radios */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  /* Tipografia */
  --font-display: 'Cinzel', 'Georgia', serif;
  --font-body: 'Rajdhani', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Consolas', monospace;

  /* Transiciones */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;

  /* Layout */
  --max-width: 1280px;
  --nav-height: 64px;
}