:root {
    /* ── Palette (5 real values) ─────────────────────────────────────────── */
    --back-body:              #3E2624;
    --front-body:             #3e313b;
    --accent-front-body:      #d3c7d1;
    --accent-back-body:       #856F61;
    --sub-accent-front-body:  #37314d;

    /* ── Aliases ─────────────────────────────────────────────────────────── */
    --accent:    var(--accent-front-body);
    --border:    var(--sub-accent-front-body);
    --card-body: var(--sub-accent-front-body);
    --accent-body: var(--accent-front-body); /* alias: compiled Bootstrap CSS references this old name */

    /* ── Fonts ────────────────────────────────────────────────────────────── */
    --font-body: 'Zed', sans-serif;
    --font-heading: 'Compacta', 'Times New Roman', serif;
    --font-mono: ui-monospace, monospace;

    /* ── Text selection ───────────────────────────────────────────────────── */
    --selection-bg: var(--accent);
    --selection-text: var(--back-body);

    /* ── Light mode tokens ────────────────────────────────────────────────── */
    --qmd-heading: var(--accent-front-body);
    --qmd-toc: var(--accent-front-body);
    --qmd-toc-active: var(--accent-front-body);
    --qmd-margin: var(--accent-front-body);

    /* ── Callouts (light) ─────────────────────────────────────────────────── */
    --qmd-callout-note:      var(--accent-front-body);
    --qmd-callout-tip:       var(--accent-front-body);
    --qmd-callout-warning:   var(--accent-front-body);
    --qmd-callout-important: var(--accent-front-body);
    --qmd-callout-caution:   var(--accent-front-body);

    /* ── Syntax highlighting (light) ──────────────────────────────────────── */
    --hl-keyword:  var(--accent-front-body);
    --hl-string:   var(--accent-front-body);
    --hl-comment:  var(--accent-front-body);
    --hl-function: var(--accent-front-body);
    --hl-number:   var(--accent-front-body);
    --hl-variable: var(--accent-front-body);
    --hl-operator: var(--accent-front-body);
    --hl-alert:    var(--accent-front-body);
}

/* ── Light palette — active when Quarto's dark-mode toggle is on ─────────── */
/* ── quarto-light = dark palette (default); quarto-dark = light palette ───── */
body.quarto-dark {
    --back-body:             #83cef5; /* #FF0000;*/ /* #3E2624; */
    --front-body:            #2ab6d9; /* #00FF00;*/ /* #3e313b; */
    --accent-front-body:     #0c5b1a; /* #0000FF;*/ /* #d3c7d1; */
    --accent-back-body:      #0178b0; /* #FFFF00;*/ /* #856F61; */
    --sub-accent-front-body: #6bc6d8; /* #FF00FF;*/ /* #37314d; */
}