@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* ─── Core cool-movement palette ─── */
  --paper:       #f2f4f5;
  --paper-2:     #e8eaec;
  --paper-3:     #d5d9dd;

  --ink:         #1a1f2e;
  --ink-2:       #2a3348;
  --ink-3:       #364f5f;

  --mute:        #6b7e8a;
  --mute-2:      #8a9daa;

  /* Eastern / primary accent */
  --teal:        #2a6e68;
  --teal-2:      #1d5056;
  --teal-wash:   #d0e8e6;

  /* Western / secondary accent */
  --blue:        #3a5280;
  --blue-2:      #2a3a60;
  --blue-wash:   #d4dae8;

  --indigo:      #2a4060;
  --indigo-2:    #1a2e50;
  --indigo-wash: #d4dae8;

  --line:        #c5cdd4;
  --line-hard:   #7a8a98;

  /* ─── Legacy aliases (used in bundler-page CSS) ─── */
  --sage:        var(--teal);
  --sage-2:      var(--teal-2);
  --sage-wash:   var(--teal-wash);
  --gold:        var(--blue);
  --gold-2:      var(--blue-2);
  --gold-wash:   var(--blue-wash);
}