/* Base reset + tokens */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  /* REPLACED FONT: Plus Jakarta Sans */
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  background: #000000; /* Pure black for depth */
  color: #f2f2f2;
  -webkit-font-smoothing: antialiased;
  line-height: 1.6;
}

/* Theme tokens */
:root {
  --ab-bg: #000000;
  --ab-bg-elevated: #080c14; /* Slightly blue-tinted black for cards */
  
  --ab-text-main: #ffffff;
  --ab-text-subtle: #94a3b8; /* Cool grey */
  
  /* ORIGINAL BLUE + NEW GRADIENTS */
  --ab-accent: #1b8aff; 
  
  /* Premium Blue Gradient: Deep Royal Blue to Electric Cyan */
  --ab-gradient-primary: linear-gradient(90deg, #0052cc 0%, #1b8aff 50%, #22ccff 100%);
  
  /* Text Gradient: Bright Cyan to Your Blue */
  --ab-gradient-text: linear-gradient(90deg, #38bdf8 0%, #1b8aff 100%);
  
  --ab-border-soft: rgba(27, 138, 255, 0.15); /* Blue-tinted border */
  --ab-grid-line: #11141f;
}

/* Utility to make text glow/gradient */
.text-gradient {
  background: var(--ab-gradient-text);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  /* Fallback for browsers that don't support clip */
  color: var(--ab-accent);
}