/* ============================================================
   CR Contact — Shared tokens (huisstijl)
   ============================================================ */

@font-face {
  font-family: 'Museo Sans';
  src: url('https://creatieverevolte.nl/fonts/MuseoSans_900.otf') format('opentype');
  font-weight: 900; font-style: normal;
}
@font-face {
  font-family: 'Museo Sans';
  src: url('https://creatieverevolte.nl/fonts/MuseoSans_700.otf') format('opentype');
  font-weight: 700; font-style: normal;
}
@font-face {
  font-family: 'Museo Sans';
  src: url('https://creatieverevolte.nl/fonts/MuseoSans-300.otf') format('opentype');
  font-weight: 300; font-style: normal;
}
@font-face {
  font-family: 'Museo Sans';
  src: url('https://creatieverevolte.nl/fonts/MuseoSans-100.otf') format('opentype');
  font-weight: 100; font-style: normal;
}

:root {
  --cr-achtergrond: #e5e5e5;
  --cr-grijs: #343434;
  --cr-grijs-2: #6d6f71;
  --cr-grijs-licht: #1a1a1a;
  --cr-donker: #0a0a0a;

  --cr-magenta: #bf4974;
  --cr-geel: #fbc933;
  --cr-orange: #f28a2e;
  --cr-donker-orange: #f25430;
  --cr-cyaan: #4b9fc3;

  --c-intro: #6d6f71;
  --c-jij:   #4b9fc3;
  --c-idee:  #fbc933;
  --c-media: #bf4974;
  --c-stijl: #f28a2e;
  --c-focus: #f25430;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { font-family: 'Museo Sans', system-ui, -apple-system, sans-serif; font-size: 18px; background: #0a0a0a; color: #e5e5e5; }
body { min-width: 1024px; }

/* === Stof textuur BG (donker grijs) === */
body.cr-stof-bg { position: relative; overflow-x: hidden; }
body.cr-stof-bg::before {
  content: '';
  position: fixed; top: 0; left: 0; width: 100%; height: 100vh;
  background-image: url('https://creatieverevolte.nl/sketches/mobile/stof.svg');
  background-size: 1792px;
  background-repeat: repeat;
  background-attachment: local;
  opacity: 0.35;
  z-index: 0;
  pointer-events: none;
}
body.cr-stof-bg > * { position: relative; z-index: 1; }