:root {
  --ch-parchment-1: #FDFBF5;
  --ch-parchment-2: #F6EFDF;
  --ch-parchment-3: #EAE2CB;
  --ch-parchment-4: #E0D4B0;
  --ch-ink:         #2B2418;
  --ch-ink-warm:    #4A3820;
  --ch-ink-muted:   #6B5A3F;
  --ch-sanctuary:   #3C2E1B;
  --ch-wax-burgundy:      #6B1F2E;
  --ch-wax-burgundy-warm: #7A2532;
  --ch-chalice-gold:       #B48748;
  --ch-chalice-gold-glint: #D6A868;
  --ch-chalice-gold-deep:  #7A5820;
  --ch-madder:  #973C3C;
  --ch-indigo:  #3A4A6C;
  --ch-moss:    #6B7B4B;
  --ch-enamel:  #4C6C8F;
  --ch-flame:   #E9B25E;
  --cream-100: #FFFEFB;
  --cream-200: var(--ch-parchment-1);
  --cream-300: var(--ch-parchment-2);
  --cream-400: var(--ch-parchment-3);
  --gold-100: #F4E3C2;
  --gold-200: var(--ch-chalice-gold-glint);
  --gold-300: var(--ch-chalice-gold);
  --gold-400: var(--ch-chalice-gold-deep);
  --peach-100: #F5E4CE;
  --peach-200: #E9C69C;
  --peach-300: var(--ch-chalice-gold-glint);
  --coral:     var(--ch-madder);
  --rose-100: #EBD4CE;
  --rose-200: #C89A96;
  --rose-300: #A66565;
  --rose-400: var(--ch-madder);
  --sky-100: #D8DFE8;
  --sky-200: #B2BFCF;
  --sky-300: #6E86A5;
  --sky-400: var(--ch-enamel);
  --sage-100: #DAE0C7;
  --sage-200: #B5C094;
  --sage-300: #8A9563;
  --sage-400: var(--ch-moss);
  --lav-100: #D9D3E1;
  --lav-200: #A7A0BF;
  --lav-300: var(--ch-indigo);
  --butter:   var(--ch-flame);
  --mint-100: #C7D9C0;
  --mint-200: var(--ch-moss);
  --ink:       var(--ch-ink);
  --ink-soft:  var(--ch-ink-warm);
  --ink-muted: var(--ch-ink-muted);
  --cyan-electric: var(--ch-enamel);
  --lime-glow:     var(--ch-moss);
  --magenta-spark: var(--ch-madder);
  --neon-violet:   var(--ch-indigo);
  --neon-orange:   var(--ch-chalice-gold-glint);
  --primary:          var(--ch-wax-burgundy);
  --secondary:        var(--ch-chalice-gold);
  --surface:          var(--ch-parchment-1);
  --surface-raised:   #FFFEFB;
  --on-surface:       var(--ch-ink);
  --on-surface-muted: var(--ch-ink-warm);
  --page-bg:        var(--ch-parchment-1);
  --page-accent:    var(--ch-chalice-gold);
  --page-accent-2:  var(--ch-madder);
  --hero-from:      #F4E3C2;
  --hero-to:        var(--ch-parchment-2);
  --jp-cream-100: #FFFEFB;
  --jp-cream-200: var(--ch-parchment-1);
  --jp-cream-300: var(--ch-parchment-2);
  --jp-cream-400: var(--ch-parchment-3);
  --jp-gold-100: #F4E3C2;
  --jp-gold-200: var(--ch-chalice-gold-glint);
  --jp-gold-300: var(--ch-chalice-gold);
  --jp-gold-400: var(--ch-chalice-gold-deep);
  --jp-peach-100: #F5E4CE;
  --jp-peach-200: #E9C69C;
  --jp-peach-300: var(--ch-chalice-gold-glint);
  --jp-coral: var(--ch-madder);
  --jp-rose-100: #EBD4CE;
  --jp-rose-200: #C89A96;
  --jp-rose-300: #A66565;
  --jp-rose-400: var(--ch-madder);
  --jp-sky-100: #D8DFE8;
  --jp-sky-200: #B2BFCF;
  --jp-sky-300: #6E86A5;
  --jp-sky-400: var(--ch-enamel);
  --jp-sage-100: #DAE0C7;
  --jp-sage-200: #B5C094;
  --jp-sage-300: #8A9563;
  --jp-sage-400: var(--ch-moss);
  --jp-lav-100: #D9D3E1;
  --jp-lav-200: #A7A0BF;
  --jp-lav-300: var(--ch-indigo);
  --jp-butter: var(--ch-flame);
  --jp-mint-100: #C7D9C0;
  --jp-mint-200: var(--ch-moss);
  --jp-ink: var(--ch-ink);
  --jp-ink-soft: var(--ch-ink-warm);
  --jp-ink-muted: var(--ch-ink-muted);
  --joy-gold: var(--ch-chalice-gold);
  --joy-gold-bright: var(--ch-chalice-gold-glint);
  --joy-coral: var(--ch-madder);
  --joy-cream-warm: var(--ch-parchment-2);
  --joy-olive-deep: var(--ch-moss);
  --church-stained: var(--ch-indigo);
  --gold: var(--ch-chalice-gold);
  --gold-bright: var(--ch-chalice-gold-glint);
  --gold-deep: var(--ch-chalice-gold-deep);
  --c-gold: var(--ch-chalice-gold);
  --c-gold-lite: var(--ch-chalice-gold-glint);
  --navy: var(--ch-ink);
  --navy-deep: var(--ch-ink);
  --c-navy: var(--ch-ink);
  --ink-strong: var(--ch-ink);
  --muted: var(--ch-ink-muted);
  --cream: var(--ch-parchment-1);
  --cream-warm: var(--ch-parchment-2);
  --paper: #FFFEFB;
  --surface-2: var(--ch-parchment-2);
  --accent: var(--ch-chalice-gold);
  --accent-strong: var(--ch-wax-burgundy);
  --hair: 1px solid var(--ch-parchment-3);
  --line: 1px solid var(--ch-parchment-3);
  --border-gold: 1px solid var(--ch-chalice-gold);
  --sh-soft: 0 1px 2px rgba(43, 36, 24, 0.04), 0 8px 24px rgba(43, 36, 24, 0.05);
  --sh-md:   0 2px 6px rgba(43, 36, 24, 0.06), 0 14px 40px rgba(43, 36, 24, 0.07);
  --glow-soft: 0 0 0 4px rgba(180, 135, 72, 0.18);
  --grad-dawn:    linear-gradient(165deg, #F4E3C2 0%, var(--ch-parchment-2) 100%);
  --grad-noon:    linear-gradient(165deg, var(--ch-parchment-1) 0%, #E7EAE6 100%);
  --grad-grace:   linear-gradient(165deg, #D9D3E1 0%, var(--ch-parchment-1) 100%);
  --grad-sky:     linear-gradient(180deg, #D8DFE8 0%, #FFFEFB 100%);
  --grad-meadow:  linear-gradient(165deg, #B5C094 0%, var(--ch-parchment-1) 100%);
  --grad-sunset:  linear-gradient(165deg, #E9C69C 0%, #EBD4CE 100%);
  --grad-spectrum: linear-gradient(90deg,
    #C89A96,
    #E9C69C,
    var(--ch-chalice-gold-glint),
    var(--ch-flame),
    #C7D9C0,
    #D8DFE8,
    #D9D3E1);
}
.rainbow-stripe {
  background: linear-gradient(90deg,
    var(--ch-madder) 0%,
    var(--ch-chalice-gold-glint) 20%,
    var(--ch-chalice-gold) 40%,
    var(--ch-flame) 55%,
    var(--ch-moss) 70%,
    var(--ch-enamel) 85%,
    var(--ch-indigo) 100%);
}