/* nova-vars.css  —  shared CSS custom properties
   Link this on every page BEFORE page-specific CSS.
   Components also reference these variables so colours
   stay in sync without duplicating them in every file. */

:root {
  --blue:   #0088FF;
  --dark:   #0A0A0F;
  --light:  #F7F7FA;
  --muted:  #8E8E93;
  --border: #E5E5EA;
  --rpill:  999px;
  --shadow: 0 4px 24px rgba(0,0,0,.07);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500; font-size: 15px;
  color: var(--dark); background: #fff; overflow-x: hidden;
}
a      { text-decoration: none; color: inherit; }
button { cursor: pointer; border: none; background: none; font-family: inherit; font-size: inherit; font-weight: inherit; }
img    { display: block; max-width: 100%; }