/* ═══════════════════════════════════════
   EdgeFly.ai Design Tokens & Base Reset
   ═══════════════════════════════════════ */

:root {
  /* ── Colors ── */
  --bg: #07070c;
  --surface: #0f0f18;
  --surface-2: #161625;
  --border: #1c1c30;
  --border-bright: #2a2a48;

  --accent: #00f0a8;
  --accent-dim: #00f0a812;
  --accent-mid: #00f0a850;
  --accent-bright: #40ffcc;

  --purple: #8b5cf6;
  --blue: #38bdf8;

  --text: #f0f0f5;
  --text-secondary: #b0b0c8;
  --text-dim: #6e6e8a;

  /* ── Shadows & Glows ── */
  --glow: 0 0 60px #00f0a825, 0 0 140px #00f0a808;
  --glow-strong: 0 0 40px #00f0a840, 0 0 100px #00f0a818, 0 0 200px #00f0a808;

  /* ── Typography ── */
  --font-display: 'Sora', sans-serif;
  --font-body: 'Space Grotesk', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* ── Layout ── */
  --max-width: 1200px;
  --padding-section: 120px 48px;
  --padding-section-mobile: 80px 24px;
}

/* ── Reset ── */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-body);
  background: var(--bg);
  color: var(--text);
  overflow-x: hidden;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: inherit;
  text-decoration: none;
}

img, svg {
  display: block;
  max-width: 100%;
}