/* Variáveis globais — identidade visual em azul */
:root {
  --font-family: "JetBrains Mono", monospace;
  --primary: #2563eb;
  --primary-rgb: 37, 99, 235;
  --primary-weak: #ffffff;
  --primary-weak-rgb: 255, 255, 255;
  --secondary: #0a0a0a;
  --light: #fff;
  --muted: rgba(255, 255, 255, 0.72);
  --glass: rgba(255, 255, 255, 0.06);
  --glass-border: rgba(var(--primary-rgb), 0.2);
  --bg-dark: #0a0a0a;
  --font-weight-regular: 400;
  --container-max: 1180px;
  --container-gutter: clamp(20px, 5vw, 48px);

  --gradient-tech: linear-gradient(
    165deg,
    #0a0a0a 0%,
    rgba(var(--primary-rgb), 0.15) 50%,
    #0a0a0a 100%
  );
  --gradient-tech-radial: radial-gradient(
    ellipse 120% 80% at 70% 0%,
    rgba(var(--primary-rgb), 0.18) 0%,
    transparent 50%
  ),
  radial-gradient(
    ellipse 100% 60% at 20% 100%,
    rgba(var(--primary-rgb), 0.12) 0%,
    transparent 45%
  );
}