:root {
  --mint: #00A2AA;
  --mint-dark: #00838B;
  --mint-light: #E6F7F8;
  --orange: #F28E18;
  --copper: #b78652;
  --copper-hover: #9a6f42;
  --paper: #efe8d8;
  --paper-dark: #e0d5bf;
  --dark-green: #00292B;
  --text: #1a2a2c;
  --text-muted: #5b6b6d;
  --white: #ffffff;
  --max-w: 1100px;
  --radius: 8px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.10);
  --font-body: 'Manrope', -apple-system, system-ui, 'Segoe UI', sans-serif;

  /* Niveau A — refined editorial fonts */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;

  /* Niveau A — verfijnde kleur-extensies */
  --mint-deep: #003D40;
  --cream: #F8F7F4;
  --cream-warm: #F5F1E8;
  --ink: #1a2738;
  --ink-muted: #5a6478;

  /* Niveau A — multi-layer shadows */
  --shadow-soft: 0 1px 2px rgba(0,41,43,0.04), 0 4px 12px rgba(0,41,43,0.06);
  --shadow-medium: 0 2px 4px rgba(0,41,43,0.06), 0 12px 32px rgba(0,41,43,0.08);
  --shadow-lift: 0 4px 8px rgba(0,41,43,0.08), 0 24px 48px rgba(0,41,43,0.12);

  /* Niveau C — editorial paper-bg + grid + scheidslijnen */
  --paper-editorial: #F5F1E8;
  --paper-grid-dot: rgba(0,61,64,0.06);
  --paper-line: rgba(0,61,64,0.08);
}