/* ═══════════════════════════════════════════════════════════════
   HANGAR INTERACTIVE — SHARED TOKENS
   Identidade visual unificada. Importar antes de qualquer CSS
   específico de página.
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── Superfícies ── */
  --bg:        #080A0F;
  --surface:   #0D1117;
  --card:      #131820;
  --card-hi:   #1A2030;

  /* ── Bordas ── */
  --border:    rgba(255,255,255,0.06);
  --border-hi: rgba(0,229,255,0.2);

  /* ── Cores de marca ── */
  --cyan:       #00E5FF;
  --cyan-dim:   #00B8CC;
  --cyan-glow:  rgba(0,229,255,0.15);
  --blue:       #4F7EFF;
  --blue-dim:   #3D6AE0;
  --blue-glow:  rgba(79,126,255,0.2);
  --blue-light: #8FB0FF;
  --orange:     #FF6B1A;
  --orange-dim: #CC5210;

  /* ── Tipografia ── */
  --white:     #F0F4FF;
  --muted:     rgba(240,244,255,0.55);

  /* ── Fontes ── */
  --font-head: 'Orbitron', monospace;
  --font-body: 'Rajdhani', sans-serif;
  --font-mono: 'Space Mono', monospace;
}

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

html {
  scroll-behavior: smooth;
}

body {
  background: var(--bg);
  color: var(--white);
  -webkit-font-smoothing: antialiased;
}