[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-highlight: var(--fg-ii-light-orange);
  --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:   #2f2d2c;
  --pack-mid:    #2f2d2c;
  --pack-light:  #a97c00;
  --pack-soft:   #fbf7e8;
  --pack-pastel: #fbf7e8;
  --pack-bright: #a97c00;
  --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);
}

: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-home-orange"] {
  --pack-deep:   #2d3378;
  --pack-mid:    #ca5c17;
  --pack-light:  #afb3ff;
  --pack-soft:   #e8e5f6;
  --pack-pastel: #f3f1fa;
  --pack-bright: #ff4d20;
  --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);
  --btn-ink:     #f5ebe5;
  --nav-ink:     #f5ebe5;
}

[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;
}