:root {
  --somebay-coral: #e5735f;
  --somebay-coral-dark: #c85a48;
  --link-blue: #2f6fa8;

  --text-dark: #1a1a1a;
  --text-gray: #5a5f66;

  --border: #e5e7eb;
  --bg: #ffffff;
  --hover: #f5f6f7;

  --success: #1a7f4b;

  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 16px;

  --sidebar-width: 210px;
}

* {
  box-sizing: border-box;
}

html {
  /* Vaste basis-lettergrootte, onafhankelijk van browser-/OS-instellingen
     of automatische tekstopschaling op mobiel. */
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  /* Systeem-lettertype-stapel: gebruikt op elk besturingssysteem het eigen
     "native" systeemlettertype met consistente verhoudingen, i.p.v. te
     vertrouwen op "Helvetica Neue" (alleen op macOS/iOS aanwezig — valt op
     Windows/Linux terug op Arial, dat bij dezelfde px-waarde net iets
     groter oogt door een andere x-hoogte). */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  color: var(--text-dark);
  background: var(--bg);
}