:root {
  --aim-violet: #402987;
  --aim-blue:   #b1dfdc;
  --aim-red:    #fd4a22;
  --aim-lime:   #cfff0b;
  --aim-green:  #51fd22;
}

@font-face {
  font-family: "TWK Lausanne Pan";
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("../fonts/TWKLausannePan-450.woff2") format("woff2");
}

@font-face {
  font-family: "TWK Lausanne Pan";
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url("../fonts/TWKLausannePan-600.woff2") format("woff2");
}

:root {
  --ui: "TWK Lausanne Pan", Helvetica, Arial, sans-serif;
}

:root {
  --dot-partner: 5;
  --dot-muted: 3;
  --dot-active: 6;
  --dot-stroke: 1;
  --map-label: 12;

  --dot-base: 1.5;
  --base-alpha: .6;

  --entrance-ms: 3000;
  --twinkle-count: 200;
  --twinkle-ms: 600;
  --twinkle-strength: .6;
  --twinkle-grow: .9;

  --pulse-duration: 3s;
  --pulse-scale: 2.6;
  --pulse-strength: .45;
}

:root {
  --bg: var(--aim-violet);
  --paper: #4a3195;
  --ink: #fff;
  --mid: rgba(255, 255, 255, .72);
  --line: #6552a8;
  --soft: #543a9e;

  --programme-engage-in-dialogues: var(--aim-lime);
  --programme-open-perspectives:   var(--aim-green);
  --programme-set-anchor-points:   var(--aim-blue);
  --programme-find-constellations: var(--aim-red);

  --dot-edge:      #ffffff;

  --partner-plain: #ffffff;
  --partner-muted: #5a45a0;
  --base-ink:      #6552a8;

  --base-ink-solo: #c9c2e1;
  --base-pin:      var(--aim-lime);
  --base-pin-halo: var(--aim-violet);
  --prose: #ffffff;
  --veil: rgba(46, 28, 100, .92);
  --label-ink: #fff;
  --place-ink: rgba(255, 255, 255, .7);
  --leader:     rgba(255, 255, 255, .55);
  --state-line: rgba(255, 255, 255, .3);
  --dot-halo:   rgba(255, 255, 255, .1);

  --sticker-bg: var(--aim-lime);
  --sticker-ink: var(--aim-violet);

  --sticker-hover-bg: #ffffff;
  --sticker-hover-ink: var(--aim-violet);
  --logo-shape: var(--aim-lime);
  --logo-ink: var(--aim-violet);
  --halo: var(--aim-violet);
  --logo-word: var(--aim-lime);

  --backdrop: rgba(21, 11, 52, .62);
  --shadow: rgba(21, 11, 52, .45);

}

body {
  font: 14px/1.35 var(--ui);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}