/* CV Parser - Global Styles */
/* Hero Huisstijl Kleuren */
:root {
  /* === PRIMAIRE KLEUREN === */
  --hero-blue: #073889;
  --hero-orange: #f46015;
  
  /* === BLAUW TINTEN === */
  --hero-blue-black: #03153f;
  --hero-blue-bold: #0065cc;
  --hero-blue-medium: #4197cb;
  --hero-blue-light: #00a8f5;
  --hero-blue-thin: #9ecae2;
  --hero-blue-soft: #d3e6f0;
  --hero-blue-hairline: #e9f3f8;
  
  /* === ORANJE TINTEN === */
  --hero-orange-black: #4c1b00;
  --hero-orange-bold: #944100;
  --hero-orange-medium: #c85800;
  --hero-orange-light: #f79c44;
  --hero-orange-thin: #fde1b6;
  
  /* === GRIJS TINTEN === */
  --hero-grijs-black: #242629;
  --hero-grijs-bold: #4f5259;
  --hero-grijs-regular: #9496a1;
  --hero-grijs-light: #b8c2c7;
  --hero-grijs-thin: #dfe3e5;
  
  /* === FUNCTIONELE KLEUREN === */
  --hero-groen-black: #002b0d;
  --hero-groen-bold: #006621;
  --hero-groen-regular: #38bd47;
  --hero-groen-light: #91d98c;
  --hero-groen-thin: #d7ead7;
  --hero-geel: #ffca05;
  --hero-rood: #b71525;
  
  /* === BASE THEME === */
  --background: var(--hero-blue-hairline);
  --foreground: var(--hero-grijs-black);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  background-color: var(--background);
  color: var(--foreground);
  line-height: 1.5;
}

/* Spinner Animation */
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.spinner {
  animation: spin 1s linear infinite;
}

/* Focus styles */
input:focus,
select:focus,
button:focus {
  outline: 2px solid var(--hero-blue);
  outline-offset: 2px;
}

/* Scrollbar styling */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--hero-blue-hairline);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: var(--hero-blue-soft);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--hero-grijs-light);
}