/* Intertwine Bio brand tokens. Scales on :root; put a ground class (.ib-g-white, .ib-g-mist, .ib-g-lavender, .ib-g-deep, .ib-g-night) on any block. */
:root {
  --ib-deep-50: #E4EBF2;
  --ib-deep-100: #C9D6E3;
  --ib-deep-200: #A8BCD0;
  --ib-deep-300: #86A1BC;
  --ib-deep-400: #6585A6;
  --ib-deep-500: #476A8F;
  --ib-deep-600: #2F5578;
  --ib-deep-700: #1E4769;
  --ib-deep-800: #0E3B5E;
  --ib-deep-900: #0D2B44;
  --ib-deep-950: #0A1D2C;
  --ib-lavender-50: #F3F1F8;
  --ib-lavender-100: #E6E2F1;
  --ib-lavender-200: #D1CBE6;
  --ib-lavender-300: #B5AFD7;
  --ib-lavender-400: #A39BCD;
  --ib-lavender-500: #8E84C0;
  --ib-lavender-600: #766FA1;
  --ib-lavender-700: #5F5B84;
  --ib-lavender-800: #494868;
  --ib-lavender-900: #34354D;
  --ib-lavender-950: #212333;
  --ib-sky-50: #E1EDF7;
  --ib-sky-100: #C6DCEF;
  --ib-sky-200: #ABCCE7;
  --ib-sky-300: #8EBADE;
  --ib-sky-400: #6CA6D4;
  --ib-sky-500: #5D8FB7;
  --ib-sky-600: #4E789A;
  --ib-sky-700: #40637F;
  --ib-sky-800: #324E64;
  --ib-sky-900: #253A4B;
  --ib-sky-950: #182733;
  --ib-night-50: #E4E6E8;
  --ib-night-100: #C6C9CC;
  --ib-night-200: #AFB3B7;
  --ib-night-300: #979CA1;
  --ib-night-400: #80868C;
  --ib-night-500: #697077;
  --ib-night-600: #525B62;
  --ib-night-700: #3B454D;
  --ib-night-800: #1A2332;
  --ib-night-900: #0D1821;
  --ib-night-950: #060E14;
  --ib-chart-1: #035397;
  --ib-chart-2: #9B85EC;
  --ib-chart-3: #911F43;
  --ib-chart-4: #0A9A96;
  --ib-chart-5: #B38C2A;
  --ib-chart-6: #2684AE;
}
.ib-g-white {
  --ib-ground: #FFFFFF;
  --ib-ink: #0D1821;
  --ib-word: #5F5B84;
  --ib-ink-2: rgba(13, 24, 33, 0.74);
  --ib-ink-3: rgba(13, 24, 33, 0.62);
  --ib-line: rgba(13, 24, 33, 0.12);
  --ib-line-hover: rgba(13, 24, 33, 0.32);
  --ib-card: #F5F4FA;
  --ib-card-line: rgba(13, 24, 33, 0.09);
  --ib-accent: rgba(13, 24, 33, 0.04);
  --ib-primary: #0D1821;
  --ib-on-primary: #FFFFFF;
  --ib-highlight: #0D1821;
  --ib-focus: #0E3B5E;
  --ib-sign: #0D1821;
  background-color: var(--ib-ground);
  color: var(--ib-ink);
}
.ib-g-mist {
  --ib-ground: #F5F4FA;
  --ib-ink: #0D1821;
  --ib-word: #5F5B84;
  --ib-ink-2: rgba(13, 24, 33, 0.74);
  --ib-ink-3: rgba(13, 24, 33, 0.64);
  --ib-line: rgba(13, 24, 33, 0.12);
  --ib-line-hover: rgba(13, 24, 33, 0.32);
  --ib-card: #FFFFFF;
  --ib-card-line: rgba(13, 24, 33, 0.09);
  --ib-accent: rgba(13, 24, 33, 0.045);
  --ib-primary: #0D1821;
  --ib-on-primary: #FFFFFF;
  --ib-highlight: #0D1821;
  --ib-focus: #0E3B5E;
  --ib-sign: #0D1821;
  background-color: var(--ib-ground);
  color: var(--ib-ink);
}
.ib-g-lavender {
  --ib-ground: #E6E2F1;
  --ib-ink: #0D1821;
  --ib-word: #494868;
  --ib-ink-2: rgba(13, 24, 33, 0.76);
  --ib-ink-3: rgba(13, 24, 33, 0.66);
  --ib-line: rgba(13, 24, 33, 0.14);
  --ib-line-hover: rgba(13, 24, 33, 0.34);
  --ib-card: #F3F1F8;
  --ib-card-line: rgba(13, 24, 33, 0.1);
  --ib-accent: rgba(13, 24, 33, 0.05);
  --ib-primary: #0D1821;
  --ib-on-primary: #FFFFFF;
  --ib-highlight: #0D1821;
  --ib-focus: #0E3B5E;
  --ib-sign: #0E3B5E;
  background-color: var(--ib-ground);
  color: var(--ib-ink);
}
.ib-g-deep {
  --ib-ground: #0E3B5E;
  --ib-ink: #FFFFFF;
  --ib-word: #D1CBE6;
  --ib-ink-2: rgba(255, 255, 255, 0.8);
  --ib-ink-3: rgba(255, 255, 255, 0.66);
  --ib-line: rgba(255, 255, 255, 0.18);
  --ib-line-hover: rgba(255, 255, 255, 0.42);
  --ib-card: rgba(255, 255, 255, 0.06);
  --ib-card-line: rgba(255, 255, 255, 0.14);
  --ib-accent: rgba(230, 226, 241, 0.12);
  --ib-primary: #FFFFFF;
  --ib-on-primary: #0E3B5E;
  --ib-highlight: #E6E2F1;
  --ib-focus: #E6E2F1;
  --ib-sign: #E6E2F1;
  --ib-chart-1: #0667B8;
  --ib-chart-2: #957EE5;
  --ib-chart-3: #B13F5C;
  --ib-chart-4: #1BA09C;
  --ib-chart-5: #AB862A;
  --ib-chart-6: #2285AC;
  background-color: var(--ib-ground);
  color: var(--ib-ink);
}
.ib-g-night {
  --ib-ground: #0D1821;
  --ib-ink: #FFFFFF;
  --ib-word: #B5AFD7;
  --ib-ink-2: rgba(255, 255, 255, 0.76);
  --ib-ink-3: rgba(255, 255, 255, 0.6);
  --ib-line: rgba(255, 255, 255, 0.14);
  --ib-line-hover: rgba(255, 255, 255, 0.34);
  --ib-card: #141F2B;
  --ib-card-line: rgba(255, 255, 255, 0.1);
  --ib-accent: rgba(181, 175, 215, 0.12);
  --ib-primary: #FFFFFF;
  --ib-on-primary: #0D1821;
  --ib-highlight: #E6E2F1;
  --ib-focus: #B5AFD7;
  --ib-sign: #E6E2F1;
  --ib-chart-1: #0667B8;
  --ib-chart-2: #957EE5;
  --ib-chart-3: #B13F5C;
  --ib-chart-4: #1BA09C;
  --ib-chart-5: #AB862A;
  --ib-chart-6: #2285AC;
  background-color: var(--ib-ground);
  color: var(--ib-ink);
}