/* ============================================================
   SIMU — Design Tokens
   Importar primero. Define variables globales de color,
   tipografía y espaciado usadas en todos los demás archivos.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;1,9..144,500&family=Poppins:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@500;600;700&display=swap');

:root {
  /* Colores */
  --navy:       #072D62;
  --navy-soft:  #1C4480;
  --green:      #3EF09E;
  --green-deep: #1FB87D;
  --black:      #0A0A0A;
  --white:      #FFFFFF;
  --bg:         #FAFBFC;
  --bg-soft:    #F1F4F8;
  --gray:       #5B6470;
  --line:       #E3E7EC;

  /* Tipografía */
  --font-sans:  'Poppins', sans-serif;
  --font-mono:  'JetBrains Mono', monospace;
  --font-serif: 'Fraunces', serif;

  /* Espaciado de sección */
  --section-gap: 88px;

  /* Bordes */
  --radius-sm:  8px;
  --radius-md:  14px;
  --radius-lg:  20px;

  /* Sombras */
  --shadow-navy:  0 10px 28px -10px rgba(7, 45, 98, 0.5);
  --shadow-green: 0 10px 28px -10px rgba(62, 240, 158, 0.5);
  --shadow-dark:  0 10px 28px -10px rgba(0, 0, 0, 0.3);
}