/**
 * MysteryBril — 01 · Design tokens
 * ---------------------------------------------------------------------------
 * Kleuren, fonts en lijnen uit het Claude-designbestand
 * (mysterybril website.html). Alle andere CSS-bestanden gebruiken
 * uitsluitend deze variabelen, zodat een kleur op één plek te wijzigen is.
 *
 * Wordt geladen op de site EN in de block editor.
 * ---------------------------------------------------------------------------
 */

:root {
  /* Basis */
  --mb-black: #000000;
  --mb-white: #ffffff;

  /* Accent */
  --mb-orange: #cc4e00;
  --mb-orange-bright: #e8630a;
  --mb-orange-dim: #4a1e00;

  /* Vlakken */
  --mb-card: #0c0c0c;
  --mb-card-hover: #131313;

  /* Lijnen */
  --mb-line: rgba(255, 255, 255, 0.14);
  --mb-line-soft: rgba(255, 255, 255, 0.07);

  /* Tekst */
  --mb-muted: #e6e6e6;
  --mb-footer-muted: #9a9a9a;

  /* Typografie */
  --mb-font-display: 'Anton', 'Archivo Black', sans-serif;
  --mb-font-body: 'Inter', 'Poppins', sans-serif;
}