:root {
    --pb-text-1: #0B1F3A;
    --pb-text-2: #3D5068;
    --pb-text-3: #7A8FA6;

    --pb-bg: #EEF2F8;
    --pb-card-bg: #FFFFFF;

    --pb-border: #DDE4EE;

    --pb-accent: #C9A84C;
    --pb-accent-soft: #E8D9B5;
    --pb-accent-bg: #FDF8EE;

    --pb-error-bg: #FDECEC;
    --pb-error-text: #8A1F1F;

    --pb-tbl-hover: #EEF3FA;
    --pb-negative: #9B1C1C;
    --pb-neg-bg:   #FEF0F0;

    --pb-radius-card: 10px;
    --pb-radius-tile: 8px;
    --pb-radius-input: 6px;

    --pb-font-heading: "Playfair Display", Georgia, serif;
    --pb-font-body: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    /* —— Atelier extended tokens (canonical) —— */
    --pb-card-border:       #DDE4EE;
    --pb-card-shadow:       0 1px 8px rgba(11, 31, 58, .06);
    --pb-positive:          #1A6B3A;
    --pb-pos-bg:            #EAF5EE;
    --pb-tbl-head-bg:       #F4F7FC;
    --pb-tbl-head-text:     #0B1F3A;
    --pb-tbl-stripe:        #FAFBFD;
    --pb-tbl-border:        #DDE4EE;
    --pb-btn-primary-bg:    #0B1F3A;
    --pb-btn-primary-hover: #132F57;
    --pb-btn-primary-text:  #FFFFFF;
    --pb-btn-ghost-border:  #C9A84C;
    --pb-input-bg:          #FFFFFF;
    --pb-input-border:      #C5CEDB;
    --pb-input-focus:       #0B1F3A;

    /* Chart-palette — Atelier (navy + goud accenten) */
    --pb-c1: #0B1F3A;
    --pb-c2: #C9A84C;
    --pb-c3: #3D5068;
    --pb-c4: #5C7592;
    --pb-c5: #7A8FA6;
    --pb-c6: #D4B65E;
    --pb-c7: #1F3B5F;
    --pb-c8: #A89464;
}

/* —— Unprefixed aliases mirroring de Atelier design-handoff token-namen ——
 * Design-HTML's referencen --card-bg, --text-1, --c1, etc. zonder --pb- prefix.
 * Mapping op canonical --pb-*. Géén --accent-alias: plugin-semantiek (goud)
 * botst met het design-handoff lokale --accent (navy). Fund-page CSS hertoken
 * die enkele occurrence handmatig naar --text-1 / --btn-primary-bg. */
:root {
    --heading:           var(--pb-font-heading);
    --body:              var(--pb-font-body);

    --content-bg:        var(--pb-bg);
    --card-bg:           var(--pb-card-bg);
    --card-border:       var(--pb-card-border);
    --card-shadow:       var(--pb-card-shadow);
    --card-radius:       var(--pb-radius-card);

    --text-1:            var(--pb-text-1);
    --text-2:            var(--pb-text-2);
    --text-3:            var(--pb-text-3);
    --border:            var(--pb-border);

    --gold:              var(--pb-accent);
    --gold-soft:         var(--pb-accent-soft);
    --gold-bg:           var(--pb-accent-bg);

    --tbl-head-bg:       var(--pb-tbl-head-bg);
    --tbl-head-text:     var(--pb-tbl-head-text);
    --tbl-stripe:        var(--pb-tbl-stripe);
    --tbl-hover:         var(--pb-tbl-hover);
    --tbl-border:        var(--pb-tbl-border);

    --btn-primary-bg:    var(--pb-btn-primary-bg);
    --btn-primary-hover: var(--pb-btn-primary-hover);
    --btn-primary-text:  var(--pb-btn-primary-text);
    --btn-ghost-border:  var(--pb-btn-ghost-border);

    --positive:          var(--pb-positive);
    --negative:          var(--pb-negative);
    --pos-bg:            var(--pb-pos-bg);
    --neg-bg:            var(--pb-neg-bg);

    --input-bg:          var(--pb-input-bg);
    --input-border:      var(--pb-input-border);
    --input-focus:       var(--pb-input-focus);

    --c1: var(--pb-c1);
    --c2: var(--pb-c2);
    --c3: var(--pb-c3);
    --c4: var(--pb-c4);
    --c5: var(--pb-c5);
    --c6: var(--pb-c6);
    --c7: var(--pb-c7);
    --c8: var(--pb-c8);
}