:root {
  /* Paleta de Colores - Espacio Profundo / Cyber Nube */
  --bg-space: #060913;
  --bg-primary: #0A0F1D;
  --bg-secondary: #11192E;
  --bg-tertiary: #19233D;
  --bg-card: rgba(16, 24, 45, 0.75);
  --bg-card-hover: rgba(22, 33, 62, 0.9);
  --bg-glass: rgba(10, 15, 29, 0.72);
  --bg-glass-card: rgba(255, 255, 255, 0.03);

  /* Bordes y Líneas */
  --border-subtle: rgba(255, 255, 255, 0.07);
  --border-card: rgba(255, 255, 255, 0.12);
  --border-highlight: rgba(6, 182, 212, 0.35);
  --border-focus: #06B6D4;

  /* Acentos de Color y Luz */
  --cyan-300: #67E8F9;
  --cyan-400: #22D3EE;
  --cyan-500: #06B6D4;
  --cyan-600: #0891B2;
  --blue-400: #60A5FA;
  --blue-500: #3B82F6;
  --blue-600: #2563EB;
  --violet-400: #A78BFA;
  --violet-500: #8B5CF6;
  --violet-600: #7C3AED;
  --emerald-400: #34D399;
  --emerald-500: #10B981;
  --amber-400: #FBBF24;
  --amber-500: #F59E0B;
  --rose-400: #FB7185;

  /* Tipografía y Textos */
  --text-primary: #F8FAFC;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;
  --text-inverse: #0A0F1D;

  /* Familias Tipográficas */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Gradientes de Marca */
  --gradient-brand: linear-gradient(135deg, #06B6D4 0%, #3B82F6 50%, #8B5CF6 100%);
  --gradient-brand-soft: linear-gradient(135deg, rgba(6, 182, 212, 0.15) 0%, rgba(59, 130, 246, 0.15) 50%, rgba(139, 92, 246, 0.15) 100%);
  --gradient-hero-glow: radial-gradient(circle at 50% 30%, rgba(6, 182, 212, 0.18) 0%, rgba(59, 130, 246, 0.08) 35%, transparent 70%);
  --gradient-card: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%);
  --gradient-accent: linear-gradient(90deg, #06B6D4 0%, #3B82F6 100%);
  --gradient-terminal-bar: linear-gradient(90deg, #1E293B 0%, #0F172A 100%);

  /* Radios de Esquinas */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Sombras y Luces */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.55);
  --shadow-cyan-glow: 0 0 30px rgba(6, 182, 212, 0.25);
  --shadow-violet-glow: 0 0 35px rgba(139, 92, 246, 0.22);
  --shadow-card-hover: 0 20px 40px -15px rgba(6, 182, 212, 0.18);

  /* Transiciones */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 400ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Contenedores y Layout */
  --container-max: 1240px;
  --container-narrow: 860px;
  --nav-height: 76px;
}