/* ============================================
           VARIABLES CORPORATIVAS WIARCLOUD
        ============================================ */
:root {
  --wiar-blue: #0747a6;
  --wiar-cyan: #06b6d4;
  --wiar-dark: #0b1120;
  --wiar-darker: #050812;
  --wiar-light: #f0f9ff;
  --gradient-primary: linear-gradient(135deg, #0747a6 0%, #06b6d4 100%);
  --gradient-radial: radial-gradient(
    circle at 30% 20%,
    rgba(7, 71, 166, 0.15) 0%,
    transparent 50%
  );
}

/* ============================================
           RESET & BASE STYLES
        ============================================ */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family:
    "IBM Plex Sans",
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  background: var(--wiar-darker);
  color: #ffffff;
  overflow-x: hidden;
  line-height: 1.6;
}

/* ============================================
           TYPOGRAPHY SYSTEM
        ============================================ */
h1,
h2,
h3,
h4,
h5 {
  font-family: "Syne", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.display-tech {
  font-family: "Orbitron", monospace;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}