/* GEO-AGRO.AI — Industrial Luxury tokens */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');

:root {
  /* surfaces */
  --bg-0: #0A0A0B;
  --bg-1: #111113;
  --bg-2: #16161A;
  --bg-3: #1E1E22;
  --bg-4: #28282E;
  --bg-5: #34343A;

  /* lines */
  --line:    rgba(255,255,255,0.06);
  --line-2:  rgba(255,255,255,0.10);
  --line-3:  rgba(255,255,255,0.18);

  /* ink */
  --ink:    #FAFAFA;
  --ink-2:  rgba(250,250,250,0.72);
  --ink-3:  rgba(250,250,250,0.48);
  --ink-4:  rgba(250,250,250,0.28);

  /* accents */
  --amber:  #FFA500;
  --amber-2:#FF8A00;
  --yellow: #FFD60A;
  --yellow-glow: rgba(255,214,10,0.18);
  --amber-glow: rgba(255,165,0,0.18);

  --green:  #43D67A;
  --red:    #FF453A;
  --blue:   #4FC3FF;
  --violet: #9F7BFF;

  /* type */
  --f-display: 'Space Grotesk', system-ui, sans-serif;
  --f-body: 'Inter', system-ui, sans-serif;
  --f-mono: 'JetBrains Mono', ui-monospace, monospace;

  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
}

/* utility ------------------------------------------------------- */
.ga-mono { font-family: var(--f-mono); font-feature-settings: 'tnum' on, 'zero' on; letter-spacing: -0.01em; }
.ga-disp { font-family: var(--f-display); letter-spacing: -0.02em; }
.ga-body { font-family: var(--f-body); }
.ga-kicker { font-family: var(--f-mono); font-size: 10px; font-weight: 500;
  text-transform: uppercase; letter-spacing: 0.14em; color: var(--ink-3); }
.ga-tnum { font-variant-numeric: tabular-nums; }

.ga-grid-bg {
  background-image:
    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size: 32px 32px;
}
.ga-dot-bg {
  background-image: radial-gradient(rgba(255,255,255,0.08) 1px, transparent 1px);
  background-size: 14px 14px;
}

/* tiny scrollbars in dark surfaces */
.ga-scroll::-webkit-scrollbar { width: 6px; height: 6px; }
.ga-scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.12); border-radius: 3px; }
.ga-scroll::-webkit-scrollbar-track { background: transparent; }

/* keyframes ---------------------------------------------------- */
@keyframes ga-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(1.15); }
}
@keyframes ga-scan {
  0% { transform: translateY(-100%); }
  100% { transform: translateY(100%); }
}
@keyframes ga-blink { 0%, 100% { opacity: 1 } 50% { opacity: 0.25 } }
@keyframes ga-tick { 0% { transform: translateY(2px); opacity: 0 } 100% { transform: translateY(0); opacity: 1 } }
@keyframes ga-shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
@keyframes ga-radar {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes ga-marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.ga-pulse-dot { animation: ga-pulse 1.8s ease-in-out infinite; }
.ga-blink { animation: ga-blink 1.2s steps(2) infinite; }
.ga-tick { animation: ga-tick .35s ease-out; }