:root{
  --bg:#f6f8fb;
  --card:#ffffff;
  --ink:#0b1b2b;
  --muted:#5c6b7a;
  --line:rgba(11,27,43,.12);

  --blue:#0b6bb3;
  --blue2:#0a4f86;
  --red:#c91d1d;
  --green:#1f7a4a;

  --shadow:0 12px 30px rgba(11,27,43,.12);
  --radius:18px;
  --radius2:24px;
  --max:1120px;
}

*{ box-sizing:border-box; }
html,body{ height:100%; }

body{
  margin:0;
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
  color:var(--ink);
  background:var(--bg);
  line-height:1.45;
}

a{ color:inherit; text-decoration:none; }

.container{
  width:min(var(--max), calc(100% - 40px));
  margin-inline:auto;
}

.morocco-bg{
  /* optioneel: achtergrondpatroon */
}