@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400&display=swap');

:root {
  /* Cores Principais */
  --color-navy-deep: #0A0E1A;
  --color-navy-mid: #0F1626;
  --color-cyan-primary: #00C2FF;
  --color-blue-electric: #1A4FBF;
  --color-purple-vibrant: #7B2FFF;
  --color-white-pure: #FFFFFF;
  --color-white-soft: #E8EDF5;
  --color-gray-medium: #6B7A99;
  --color-gray-dark: #1E2535;
  --color-green-signal: #00E5A0;
  
  /* Neon tech accents */
  --color-cyan-glow: rgba(0, 194, 255, 0.4);
  --color-purple-glow: rgba(123, 47, 255, 0.4);
  --tech-grid-color: rgba(255, 255, 255, 0.02);

  /* Gradientes */
  --grad-primary: linear-gradient(135deg, #00C2FF 0%, #1A4FBF 50%, #7B2FFF 100%);
  --grad-bg: linear-gradient(180deg, #0A0E1A 0%, #0F1626 100%);
  --grad-card: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
  --grad-glow: radial-gradient(ellipse at center, rgba(0, 194, 255, 0.15) 0%, transparent 70%);
  --grad-scanner: linear-gradient(to bottom, rgba(0, 194, 255, 0) 0%, rgba(0, 194, 255, 0.15) 50%, rgba(0, 194, 255, 0) 100%);

  /* Sombras */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.5);
  --shadow-glow-cyan: 0 0 24px rgba(0, 194, 255, 0.25);
  --shadow-glow-purple: 0 0 24px rgba(123, 47, 255, 0.25);

  /* Bordas */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-pill: 100px;
  --border-subtle: 1px solid rgba(255, 255, 255, 0.08);
  --border-accent: 1px solid rgba(0, 194, 255, 0.3);

  /* Escala Tipográfica */
  --text-xs: 0.75rem;     /* 12px */
  --text-sm: 0.875rem;    /* 14px */
  --text-base: 1rem;      /* 16px */
  --text-lg: 1.125rem;    /* 18px */
  --text-xl: 1.25rem;     /* 20px */
  --text-2xl: 1.5rem;     /* 24px */
  --text-3xl: 2rem;       /* 32px */
  --text-4xl: 2.75rem;    /* 44px */
  --text-5xl: 3.5rem;     /* 56px */
  --text-6xl: 4.5rem;     /* 72px */

  /* Fontes */
  --font-display: 'Space Grotesk', sans-serif;
  --font-heading: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}