[data-pack="part-iii"] {
  --pack-deep:   #2d3378;     --pack-mid:    #7066ff;     --pack-light:  #afb3ff;     --pack-soft:   #e8e5f6;     --pack-pastel: #f3f1fa;     --pack-bright: var(--pack-light);
  --pack-bar:    #7066ff;     --pack-texture: var(--texture-grain);
  --pack-quote-ink: var(--pack-deep);    --pack-vivid:  var(--pack-mid);        --pack-quoteband-bg:  var(--pack-deep);    --pack-quoteband-ink: var(--pack-soft);  }

[data-pack="part-0"] {
  --pack-deep:   #385125;     --pack-mid:    #5f8841;     --pack-light:  #aecf52;     --pack-soft:   #f8fbed;     --pack-pastel: #f8fbed;     --pack-bright: #e6f991;     --pack-bar:    #aecf52;     --pack-texture: var(--texture-grain);
  --pack-quote-ink: var(--pack-mid);     --pack-vivid:  var(--pack-bar);        --pack-quoteband-bg:  var(--pack-mid);       --pack-quoteband-ink: var(--pack-bright);  }

[data-pack="part-iv"] {
  --pack-deep:   #194a4b;     --pack-mid:    #29797a;     --pack-light:  #d7e8de;     --pack-soft:   #e9f5f4;     --pack-pastel: #e9f5f4;     --pack-bright: #36bdb6;     --pack-bar:    #36bdb6;     --pack-texture: var(--texture-grain);
  --pack-quote-ink: var(--pack-deep);    --pack-vivid:  var(--pack-bright);     --pack-quoteband-bg:  var(--pack-mid);     --pack-quoteband-ink: var(--pack-soft);  }

[data-pack="part-ii"] {
  --pack-deep:   #481f0c;     --pack-mid:    #ca5c17;     --pack-light:  #e8895c;     --pack-soft:   #f5ebe5;     --pack-pastel: #f5ebe5;     --pack-bright: #ff4d20;     --pack-bar:    #ff4d20;     --pack-texture: var(--texture-grain);
  --pack-quote-ink: var(--pack-deep);    --pack-vivid:  var(--pack-bright);     --pack-quoteband-bg:  var(--pack-mid);     --pack-quoteband-ink: var(--pack-soft);  }

[data-pack="part-vi"] {
  --pack-deep:   #595038;     --pack-mid:    #a97c00;     --pack-light:  #d9b45c;     --pack-soft:   #fbf7e8;     --pack-pastel: #fbf7e8;     --pack-bright: #f4cf00;     --pack-bar:    #f4cf00;     --pack-texture: var(--texture-grain);
  --pack-quote-ink: var(--pack-deep);    --pack-vivid:  var(--pack-bright);     --pack-quoteband-bg:  var(--pack-mid);     --pack-quoteband-ink: var(--pack-soft);  }

[data-pack="light-apple"] {
    --pack-deep:   #385125;     --pack-mid:    #aecf52;     --pack-light:  #cbe28c;     --pack-soft:   #eef5dc;     --pack-pastel: #f8fbed;     --pack-bright: #e6f991;     --pack-bar:    #e6f991;     --pack-texture: var(--texture-grain);
  --pack-quote-ink: var(--pack-deep);    --pack-vivid:  var(--pack-bar);        --pack-quoteband-bg:  var(--pack-mid);     --pack-quoteband-ink: var(--pack-soft);  }

[data-pack="part-i"] {
  --pack-deep:   #003a53;     --pack-mid:    #166f96;     --pack-light:  #29ade5;     --pack-soft:   #edf4f8;     --pack-pastel: #edf4f8;     --pack-bright: #b9e6f9;     --pack-bar:    #7bd7ff;     --pack-texture: var(--texture-grain);
  --pack-quote-ink: var(--pack-deep);    --pack-vivid:  var(--pack-bar);        --pack-quoteband-bg:  var(--pack-mid);       --pack-quoteband-ink: var(--pack-bright);  }

[data-pack="part-v"] {
  --pack-deep:   #43173a;     --pack-mid:    #b200a6;     --pack-light:  #e77df8;     --pack-soft:   #f6eff5;     --pack-pastel: #f6eff5;     --pack-bright: #e77df8;     --pack-bar:    #e77df8;     --pack-texture: var(--texture-grain);
  --pack-quote-ink: var(--pack-deep);    --pack-vivid:  var(--pack-bright);     --pack-quoteband-bg:  #62004d;         --pack-quoteband-ink: #ffdaf7;       }

[data-pack="appendix"],
[data-pack="neutral"] {
  --pack-deep:   #46414b;     --pack-mid:    #766985;     --pack-light:  #a89db4;     --pack-soft:   #eceaef;     --pack-pastel: #f5f4f6;     --pack-bright: #cfc7d8;       --pack-bar:    linear-gradient(90deg,
                   #29797a 0 33.4%,
                   #ca5c17 33.4% 66.8%,
                   #7066ff 66.8% 100%);
  --pack-texture: var(--texture-grain);
  --pack-quote-ink: var(--pack-deep);    --pack-vivid:  var(--pack-mid);        --pack-quoteband-bg:  var(--pack-mid);     --pack-quoteband-ink: var(--pack-soft);  }

:root {
  --pack-deep:   #2d3378;
  --pack-mid:    #7066ff;
  --pack-light:  #afb3ff;
  --pack-soft:   #e8e5f6;
  --pack-pastel: #f3f1fa;    --pack-bright: var(--pack-light);
  --pack-bar:    #7066ff;
  --pack-texture: var(--texture-grain);
  --pack-quote-ink: var(--pack-deep);    --pack-vivid:  var(--pack-mid);        --pack-quoteband-bg:  var(--pack-deep);    --pack-quoteband-ink: var(--pack-soft);  }

:root,
body,
[data-mode="paper"] {
  --band-bg:      var(--paper);
  --band-ink:     var(--ink-black);        --band-ink-ui:  var(--ink);              --band-heading: var(--ink);
  --band-accent:  var(--pack-mid);
  --band-accent-strong: var(--pack-deep);
  --card-bg:      var(--pack-soft);
  --card-ink:     var(--ink-black);
  --card-heading: var(--pack-deep);
  --rule:         var(--hairline-soft);
  --rule-accent:  var(--pack-mid);
  --btn-bg:       var(--pack-mid);
  --btn-ink:      var(--pack-soft);
}

[data-mode="dark"] {
  --band-bg:      var(--pack-deep);
  --band-ink:     var(--paper);
  --band-ink-ui:  var(--paper);
  --band-heading: var(--pack-bright);
  --band-accent:  var(--pack-light);
  --band-accent-strong: var(--pack-bright);
  --card-bg:      var(--paper);
  --card-ink:     var(--ink-black);
  --card-heading: var(--pack-deep);
  --rule:         var(--hairline-soft-dark);
  --rule-accent:  var(--pack-light);
  --btn-bg:       var(--pack-mid);
  --btn-ink:      var(--paper);
}

[data-mode="soft"] {
  --band-bg:      var(--pack-soft);
  --band-ink:     var(--ink-black);
  --band-ink-ui:  var(--ink);
  --band-heading: var(--pack-deep);
  --band-accent:  var(--pack-mid);
  --band-accent-strong: var(--pack-deep);
  --card-bg:      var(--paper);
  --card-ink:     var(--ink-black);
  --card-heading: var(--pack-deep);
  --rule:         var(--hairline-soft);
  --rule-accent:  var(--pack-mid);
  --btn-bg:       var(--pack-mid);
  --btn-ink:      var(--paper);
}

[data-mode="pastel"] {
  --band-bg:      var(--pack-pastel);
  --band-ink:     var(--ink-black);
  --band-ink-ui:  var(--ink);
  --band-heading: var(--ink);
  --band-accent:  var(--pack-mid);
  --band-accent-strong: var(--pack-deep);
  --card-bg:      var(--paper);
  --card-ink:     var(--ink-black);
  --card-heading: var(--pack-deep);
  --rule:         var(--hairline-soft);
  --rule-accent:  var(--pack-mid);
  --btn-bg:       var(--pack-mid);
  --btn-ink:      var(--paper);
}

[data-pack="fixed-definition"] {
  --pack-deep:   #2d3378;
  --pack-mid:    #7066ff;
  --pack-light:  #afb3ff;
  --pack-soft:   #e8e5f6;
  --pack-pastel: #f6eff5;
  --pack-bright: #afb3ff;
}

[data-pack="fixed-mustard-panel"] {
  --pack-deep:   #595038;
  --pack-mid:    #a97c00;
  --pack-light:  #d9b45c;
  --pack-soft:   #f5ebe5;
  --pack-pastel: #fbf6f2;
  --pack-bright: #edd07f;
}

[data-pack="fixed-interlude-blue"] {
  --pack-deep:   #003a53;
  --pack-mid:    #29ade5;
  --pack-light:  #8ed2f0;
  --pack-soft:   #ddeef8;
  --pack-pastel: #edf4f8;
  --pack-bright: #8ed2f0;
}
[data-pack="fixed-interlude-purple"] {
  --pack-deep:   #43173a;
  --pack-mid:    #b200a6;
  --pack-light:  #e07dd4;
  --pack-soft:   #ffdaf7;
  --pack-pastel: #fdf2fa;
  --pack-bright: #ffb3ef;
}