/**
 * GoldenState PRO - System Theme Stylesheet (Obsidiana Digital / Ropa Nueva)
 * Documentado el 06 de Agosto de 2026 en docs/2026-08-06_INVENTARIO_ESTILOS_Y_TOKENS_DINAMICOS.md
 */

:root {
  /* 🎨 1. TOKENS DE MARCA (BRAND COLORS) */
  --gsp-brand-gold: #FFD700;        /* Dorado Neón Principal */
  --gsp-brand-gold-hover: #FFA500;  /* Dorado Naranja (Hover) */
  --gsp-brand-purple: #8A2BE2;      /* Púrpura Imperial */
  --gsp-brand-cyan: #00E5FF;        /* Cyan Neón (Avisos/Reportes) */

  /* 🌌 2. TOKENS DE FONDO (BACKGROUND LAYERS) */
  --gsp-bg-app: #0B0E14;            /* Fondo Oscuro de Pantalla */
  --gsp-bg-card: #161A25;           /* Tarjetas Gris Noche PRO */
  --gsp-bg-header: #121721;         /* Header / Sidebar Dark */
  --gsp-bg-input: rgba(11, 14, 20, 0.75);

  /* 🔲 3. TOKENS DE BORDES Y RESPLANDOR (GLOWS) */
  --gsp-border-gold: rgba(255, 215, 0, 0.3);
  --gsp-glow-gold: 0 0 15px rgba(255, 215, 0, 0.4);

  /* 🔘 4. BOTONES Y ACCIONES */
  --gsp-btn-gold-bg: linear-gradient(to right, #FFD700, #FFA500);
  --gsp-btn-gold-text: #000000;
}

/* Sobrescrituras de Canvas Global (Capa 1: #0B0E14) */
html, body, .dark-mode, .dark-mode body, .dark-mode #page-container, .dark-mode #main-container {
  background-color: var(--gsp-bg-app) !important;
  color: #f9fafb !important;
}

/* Clases Utilitarias */
.text-gsp-gold, .text-gold {
  color: var(--gsp-brand-gold) !important;
}

.text-gsp-purple, .text-purple {
  color: #A855F7 !important;
}

.bg-gsp-gold, .bg-gold {
  background-color: var(--gsp-brand-gold) !important;
  color: #000000 !important;
}

.bg-gsp-purple, .bg-purple {
  background-color: var(--gsp-brand-purple) !important;
  color: #ffffff !important;
}

.card-gsp {
  background-color: var(--gsp-bg-card) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
}