/* ═══════════════════════════════════════════════
   vars.css — Design tokens ATS Consulting S.A.S
   ═══════════════════════════════════════════════ */
:root {
  /* Paleta */
  --bg:         #050a12;
  --bg2:        #080f1a;
  --bg3:        #0c1628;
  --bg4:        #0f1e36;
  --surface:    #0d1a2e;
  --surface2:   #112038;

  /* Bordes */
  --border:     rgba(0, 200, 255, 0.12);
  --border2:    rgba(0, 200, 255, 0.22);

  /* Acentos */
  --cyan:       #00c8ff;
  --cyan2:      #00e5cc;
  --cyan-glow:  rgba(0, 200, 255, 0.18);
  --cyan-glow2: rgba(0, 200, 255, 0.06);
  --blue:       #0057ff;
  --blue2:      #004ee0;

  /* Texto */
  --text:       #e8f4ff;
  --text2:      #8ab0d0;
  --text3:      #4a6a88;

  /* Tipografía */
  --font-head:  'Rajdhani', sans-serif;
  --font-body:  'Nunito Sans', sans-serif;

  /* Espaciado / Layout */
  --nav-h:      72px;
  --max-w:      1200px;
  --radius:     8px;
  --radius-lg:  14px;
  --radius-xl:  20px;

  /* Sombras */
  --shadow-cyan: 0 0 30px rgba(0, 200, 255, 0.15);
  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.5);
}