/* @ki/themes · theme "neutral" · generated by buildThemeCss, do not edit */
@layer ki.base, ki.theme, ki.prefs;

/* Fonts of this theme (latin); the digits of the text font come from the display font. */
@font-face {
  font-family: "Solway";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/solway-latin-700-normal.5e5a8b20.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "Solway";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/fonts/solway-latin-800-normal.7af4a01c.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/atkinson-hyperlegible-next-latin-400-normal.5cb240a4.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/atkinson-hyperlegible-next-latin-700-normal.0dbe07ed.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "Atkinson Hyperlegible Mono";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/assets/fonts/atkinson-hyperlegible-mono-latin-wght-normal.2706b1ee.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/solway-latin-400-normal.37adaaf1.woff2") format("woff2");
  unicode-range: U+0030-0039;
  size-adjust: 96%;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/solway-latin-700-normal.5e5a8b20.woff2") format("woff2");
  unicode-range: U+0030-0039;
  size-adjust: 96%;
}
/* Local fonts scaled to the metrics of the web fonts, shown until they arrive (little layout
   shift): Rockwell or Georgia for the headings, Arial for the text. */
@font-face {
  font-family: "Solway Fallback Rockwell";
  font-style: normal;
  font-weight: 1 549;
  src: local("Rockwell"), local("Rockwell-Regular");
  size-adjust: 97.11%;
  ascent-override: 97.82%;
  descent-override: 25.74%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Solway Fallback Rockwell";
  font-style: normal;
  font-weight: 550 1000;
  src: local("Rockwell Bold"), local("Rockwell-Bold");
  size-adjust: 96.25%;
  ascent-override: 98.7%;
  descent-override: 25.97%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Solway Fallback Georgia";
  font-style: normal;
  font-weight: 1 549;
  src: local("Georgia");
  size-adjust: 111.24%;
  ascent-override: 85.4%;
  descent-override: 22.47%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Solway Fallback Georgia";
  font-style: normal;
  font-weight: 550 1000;
  src: local("Georgia Bold"), local("Georgia-Bold");
  size-adjust: 99.23%;
  ascent-override: 95.73%;
  descent-override: 25.19%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next Fallback Arial";
  font-style: normal;
  font-weight: 1 549;
  src: local("Arial"), local("ArialMT"), local("Liberation Sans"), local("Arimo");
  size-adjust: 99.4%;
  ascent-override: 99%;
  descent-override: 31.79%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next Fallback Arial";
  font-style: normal;
  font-weight: 550 1000;
  src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("Arimo Bold");
  size-adjust: 99.07%;
  ascent-override: 99.33%;
  descent-override: 31.9%;
  line-gap-override: 0%;
}

/* Color mode: data-mode on <html> or on any nested element; the nearest one wins. */
:root[data-mode="light"],
[data-mode="light"] {
  color-scheme: light;
}
:root[data-mode="dark"],
[data-mode="dark"] {
  color-scheme: dark;
}
:root[data-mode="system"],
[data-mode="system"] {
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root[data-mode="system"],
  [data-mode="system"] {
    color-scheme: dark;
  }
}
@media print {
  :root[data-mode],
  [data-mode] {
    color-scheme: light;
  }
}

@layer ki.theme {
  [data-theme="neutral"] {
    --color-bg: light-dark(#FFFFFF, #121722);
    --color-surface: light-dark(#FFFFFF, #1A2130);
    --color-fog: light-dark(#F2F4F6, #222A3A);
    --color-fog-mid: light-dark(#D5DAE2, #CCD0D7);
    --color-ink: light-dark(#1B2333, #EEF1F6);
    --color-ink-muted: light-dark(#4E586A, #AEB6C4);
    --color-head: light-dark(#1B2333, #EEF1F6);
    --color-on-mid: #1B2333;
    --color-line: light-dark(#E3E6EB, #353D4D);
    --color-line-strong: light-dark(#6F7A8E, #7F8AA0);
    --color-action: light-dark(#1D5089, #A9CBF5);
    --color-action-hover: light-dark(#1B2333, #DAE9FB);
    --color-on-action: light-dark(#FFFFFF, #1B2333);
    --color-goal: #1D5089;
    --color-on-goal: #FFFFFF;
    --color-focus: light-dark(#1F5BD6, #8DB0FF);
    --color-success-soft: light-dark(#DDF4E6, #183624);
    --color-success-ink: light-dark(#15663E, #8AE5AB);
    --color-success-line: light-dark(#23874F, #48B06C);
    --color-warning-soft: light-dark(#FFF1C7, #3D3012);
    --color-warning-ink: light-dark(#7A5300, #FAD074);
    --color-warning-line: light-dark(#A86F00, #D79628);
    --color-danger-soft: light-dark(#FDE3DF, #462220);
    --color-danger-ink: light-dark(#A42A1F, #FEA69E);
    --color-danger-line: light-dark(#C9402F, #E7685B);
    --family-apricot-soft: light-dark(#FFE3CF, #362A2A);
    --family-apricot-mid: light-dark(#FDBA8C, #EAB48F);
    --family-apricot-deep: light-dark(#8A3A0F, #FFC49C);
    --family-sky-soft: light-dark(#DAE9FB, #1E2B40);
    --family-sky-mid: light-dark(#9EC5F1, #9BBBDF);
    --family-sky-deep: light-dark(#1D5089, #A9CBF5);
    --family-rose-soft: light-dark(#FCDEE6, #3A2230);
    --family-rose-mid: light-dark(#F3A8BE, #E1A3B5);
    --family-rose-deep: light-dark(#972B4D, #F8B2C6);
    --family-mint-soft: light-dark(#D3F1E3, #1B3329);
    --family-mint-mid: light-dark(#8DD5B2, #8FC8AC);
    --family-mint-deep: light-dark(#16664A, #93DDB9);
    --family-lilac-soft: light-dark(#E7E3FA, #2A2645);
    --family-lilac-mid: light-dark(#BEB3EF, #B4ACDC);
    --family-lilac-deep: light-dark(#4C3C98, #C5BBF4);
    --family-butter-soft: light-dark(#FFF0B5, #363019);
    --family-butter-mid: light-dark(#F9D65C, #E9CD6F);
    --family-butter-deep: light-dark(#6B4F00, #FCDC6E);
    --family-pistachio-soft: light-dark(#E6F2C5, #29321C);
    --family-pistachio-mid: light-dark(#BCD97A, #B5CD81);
    --family-pistachio-deep: light-dark(#46601A, #C5E088);
    --family-aqua-soft: light-dark(#CFEDEF, #1A3336);
    --family-aqua-mid: light-dark(#86CFD5, #89C3C8);
    --family-aqua-deep: light-dark(#0E5B62, #93D6DB);
    --mascot-ash: #D9DDE3;
    --mascot-ash-2: #C3C9D2;
    --mascot-outline: light-dark(#1B2333, #0B0F17);
    --mascot-bed: light-dark(#E3E6EA, #2C3341);
    --tone-soft: var(--color-fog);
    --tone-mid: var(--color-fog-mid);
    --tone-deep: var(--color-ink);
    --tone-2-soft: var(--family-mint-soft);
    --tone-2-mid: var(--family-mint-mid);
    --tone-2-deep: var(--family-mint-deep);
    --tone-3-soft: var(--family-butter-soft);
    --tone-3-mid: var(--family-butter-mid);
    --tone-3-deep: var(--family-butter-deep);
    --font-display: "Solway", "Solway Fallback Rockwell", "Solway Fallback Georgia", Rockwell, Georgia, serif;
    --font-text: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible Next Fallback Arial", Arial, sans-serif;
    --font-mono: "Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
    --motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400' viewBox='0 0 600 400' preserveAspectRatio='xMidYMid slice'%3E%3Cpath fill='%23000' fill-opacity='.55' d='M330 250H120A210 210 0 0 1 330 40z'/%3E%3Cpath fill='%23000' fill-opacity='.65' d='M350 270H540A190 190 0 0 1 350 460z'/%3E%3C/svg%3E");
  }
}

/* High contrast: muted text becomes ink, lines get the strength of control borders. */
@layer ki.prefs {
  @supports (color: light-dark(#000, #fff)) {
    [data-contrast="high"][data-theme="neutral"],
    [data-contrast="high"] [data-theme="neutral"] {
      --color-ink-muted: light-dark(#1B2333, #EEF1F6);
      --color-line: light-dark(#6F7A8E, #7F8AA0);
      --color-line-strong: light-dark(#1B2333, #EEF1F6);
    }
  }
}

/* Without light-dark() (Chrome < 123, Firefox < 120, Safari < 17.5): the same colors chosen by
   selectors; the own data-mode of an element wins over the data-mode of its ancestors. */
@supports not (color: light-dark(#000, #fff)) {
  @layer ki.theme {
    [data-theme="neutral"] {
      --color-bg: #FFFFFF;
      --color-surface: #FFFFFF;
      --color-fog: #F2F4F6;
      --color-fog-mid: #D5DAE2;
      --color-ink: #1B2333;
      --color-ink-muted: #4E586A;
      --color-head: #1B2333;
      --color-on-mid: #1B2333;
      --color-line: #E3E6EB;
      --color-line-strong: #6F7A8E;
      --color-action: #1D5089;
      --color-action-hover: #1B2333;
      --color-on-action: #FFFFFF;
      --color-goal: #1D5089;
      --color-on-goal: #FFFFFF;
      --color-focus: #1F5BD6;
      --color-success-soft: #DDF4E6;
      --color-success-ink: #15663E;
      --color-success-line: #23874F;
      --color-warning-soft: #FFF1C7;
      --color-warning-ink: #7A5300;
      --color-warning-line: #A86F00;
      --color-danger-soft: #FDE3DF;
      --color-danger-ink: #A42A1F;
      --color-danger-line: #C9402F;
      --family-apricot-soft: #FFE3CF;
      --family-apricot-mid: #FDBA8C;
      --family-apricot-deep: #8A3A0F;
      --family-sky-soft: #DAE9FB;
      --family-sky-mid: #9EC5F1;
      --family-sky-deep: #1D5089;
      --family-rose-soft: #FCDEE6;
      --family-rose-mid: #F3A8BE;
      --family-rose-deep: #972B4D;
      --family-mint-soft: #D3F1E3;
      --family-mint-mid: #8DD5B2;
      --family-mint-deep: #16664A;
      --family-lilac-soft: #E7E3FA;
      --family-lilac-mid: #BEB3EF;
      --family-lilac-deep: #4C3C98;
      --family-butter-soft: #FFF0B5;
      --family-butter-mid: #F9D65C;
      --family-butter-deep: #6B4F00;
      --family-pistachio-soft: #E6F2C5;
      --family-pistachio-mid: #BCD97A;
      --family-pistachio-deep: #46601A;
      --family-aqua-soft: #CFEDEF;
      --family-aqua-mid: #86CFD5;
      --family-aqua-deep: #0E5B62;
      --mascot-ash: #D9DDE3;
      --mascot-ash-2: #C3C9D2;
      --mascot-outline: #1B2333;
      --mascot-bed: #E3E6EA;
    }
    @media screen {
      [data-mode="dark"] [data-theme="neutral"] {
        --color-bg: #121722;
        --color-surface: #1A2130;
        --color-fog: #222A3A;
        --color-fog-mid: #CCD0D7;
        --color-ink: #EEF1F6;
        --color-ink-muted: #AEB6C4;
        --color-head: #EEF1F6;
        --color-on-mid: #1B2333;
        --color-line: #353D4D;
        --color-line-strong: #7F8AA0;
        --color-action: #A9CBF5;
        --color-action-hover: #DAE9FB;
        --color-on-action: #1B2333;
        --color-goal: #1D5089;
        --color-on-goal: #FFFFFF;
        --color-focus: #8DB0FF;
        --color-success-soft: #183624;
        --color-success-ink: #8AE5AB;
        --color-success-line: #48B06C;
        --color-warning-soft: #3D3012;
        --color-warning-ink: #FAD074;
        --color-warning-line: #D79628;
        --color-danger-soft: #462220;
        --color-danger-ink: #FEA69E;
        --color-danger-line: #E7685B;
        --family-apricot-soft: #362A2A;
        --family-apricot-mid: #EAB48F;
        --family-apricot-deep: #FFC49C;
        --family-sky-soft: #1E2B40;
        --family-sky-mid: #9BBBDF;
        --family-sky-deep: #A9CBF5;
        --family-rose-soft: #3A2230;
        --family-rose-mid: #E1A3B5;
        --family-rose-deep: #F8B2C6;
        --family-mint-soft: #1B3329;
        --family-mint-mid: #8FC8AC;
        --family-mint-deep: #93DDB9;
        --family-lilac-soft: #2A2645;
        --family-lilac-mid: #B4ACDC;
        --family-lilac-deep: #C5BBF4;
        --family-butter-soft: #363019;
        --family-butter-mid: #E9CD6F;
        --family-butter-deep: #FCDC6E;
        --family-pistachio-soft: #29321C;
        --family-pistachio-mid: #B5CD81;
        --family-pistachio-deep: #C5E088;
        --family-aqua-soft: #1A3336;
        --family-aqua-mid: #89C3C8;
        --family-aqua-deep: #93D6DB;
        --mascot-ash: #D9DDE3;
        --mascot-ash-2: #C3C9D2;
        --mascot-outline: #0B0F17;
        --mascot-bed: #2C3341;
      }
    }
    @media screen and (prefers-color-scheme: dark) {
      [data-mode="system"] [data-theme="neutral"] {
        --color-bg: #121722;
        --color-surface: #1A2130;
        --color-fog: #222A3A;
        --color-fog-mid: #CCD0D7;
        --color-ink: #EEF1F6;
        --color-ink-muted: #AEB6C4;
        --color-head: #EEF1F6;
        --color-on-mid: #1B2333;
        --color-line: #353D4D;
        --color-line-strong: #7F8AA0;
        --color-action: #A9CBF5;
        --color-action-hover: #DAE9FB;
        --color-on-action: #1B2333;
        --color-goal: #1D5089;
        --color-on-goal: #FFFFFF;
        --color-focus: #8DB0FF;
        --color-success-soft: #183624;
        --color-success-ink: #8AE5AB;
        --color-success-line: #48B06C;
        --color-warning-soft: #3D3012;
        --color-warning-ink: #FAD074;
        --color-warning-line: #D79628;
        --color-danger-soft: #462220;
        --color-danger-ink: #FEA69E;
        --color-danger-line: #E7685B;
        --family-apricot-soft: #362A2A;
        --family-apricot-mid: #EAB48F;
        --family-apricot-deep: #FFC49C;
        --family-sky-soft: #1E2B40;
        --family-sky-mid: #9BBBDF;
        --family-sky-deep: #A9CBF5;
        --family-rose-soft: #3A2230;
        --family-rose-mid: #E1A3B5;
        --family-rose-deep: #F8B2C6;
        --family-mint-soft: #1B3329;
        --family-mint-mid: #8FC8AC;
        --family-mint-deep: #93DDB9;
        --family-lilac-soft: #2A2645;
        --family-lilac-mid: #B4ACDC;
        --family-lilac-deep: #C5BBF4;
        --family-butter-soft: #363019;
        --family-butter-mid: #E9CD6F;
        --family-butter-deep: #FCDC6E;
        --family-pistachio-soft: #29321C;
        --family-pistachio-mid: #B5CD81;
        --family-pistachio-deep: #C5E088;
        --family-aqua-soft: #1A3336;
        --family-aqua-mid: #89C3C8;
        --family-aqua-deep: #93D6DB;
        --mascot-ash: #D9DDE3;
        --mascot-ash-2: #C3C9D2;
        --mascot-outline: #0B0F17;
        --mascot-bed: #2C3341;
      }
    }
    [data-theme="neutral"]:is([data-mode="light"], [data-mode="system"]) {
      --color-bg: #FFFFFF;
      --color-surface: #FFFFFF;
      --color-fog: #F2F4F6;
      --color-fog-mid: #D5DAE2;
      --color-ink: #1B2333;
      --color-ink-muted: #4E586A;
      --color-head: #1B2333;
      --color-on-mid: #1B2333;
      --color-line: #E3E6EB;
      --color-line-strong: #6F7A8E;
      --color-action: #1D5089;
      --color-action-hover: #1B2333;
      --color-on-action: #FFFFFF;
      --color-goal: #1D5089;
      --color-on-goal: #FFFFFF;
      --color-focus: #1F5BD6;
      --color-success-soft: #DDF4E6;
      --color-success-ink: #15663E;
      --color-success-line: #23874F;
      --color-warning-soft: #FFF1C7;
      --color-warning-ink: #7A5300;
      --color-warning-line: #A86F00;
      --color-danger-soft: #FDE3DF;
      --color-danger-ink: #A42A1F;
      --color-danger-line: #C9402F;
      --family-apricot-soft: #FFE3CF;
      --family-apricot-mid: #FDBA8C;
      --family-apricot-deep: #8A3A0F;
      --family-sky-soft: #DAE9FB;
      --family-sky-mid: #9EC5F1;
      --family-sky-deep: #1D5089;
      --family-rose-soft: #FCDEE6;
      --family-rose-mid: #F3A8BE;
      --family-rose-deep: #972B4D;
      --family-mint-soft: #D3F1E3;
      --family-mint-mid: #8DD5B2;
      --family-mint-deep: #16664A;
      --family-lilac-soft: #E7E3FA;
      --family-lilac-mid: #BEB3EF;
      --family-lilac-deep: #4C3C98;
      --family-butter-soft: #FFF0B5;
      --family-butter-mid: #F9D65C;
      --family-butter-deep: #6B4F00;
      --family-pistachio-soft: #E6F2C5;
      --family-pistachio-mid: #BCD97A;
      --family-pistachio-deep: #46601A;
      --family-aqua-soft: #CFEDEF;
      --family-aqua-mid: #86CFD5;
      --family-aqua-deep: #0E5B62;
      --mascot-ash: #D9DDE3;
      --mascot-ash-2: #C3C9D2;
      --mascot-outline: #1B2333;
      --mascot-bed: #E3E6EA;
    }
    @media screen {
      [data-theme="neutral"][data-mode="dark"] {
        --color-bg: #121722;
        --color-surface: #1A2130;
        --color-fog: #222A3A;
        --color-fog-mid: #CCD0D7;
        --color-ink: #EEF1F6;
        --color-ink-muted: #AEB6C4;
        --color-head: #EEF1F6;
        --color-on-mid: #1B2333;
        --color-line: #353D4D;
        --color-line-strong: #7F8AA0;
        --color-action: #A9CBF5;
        --color-action-hover: #DAE9FB;
        --color-on-action: #1B2333;
        --color-goal: #1D5089;
        --color-on-goal: #FFFFFF;
        --color-focus: #8DB0FF;
        --color-success-soft: #183624;
        --color-success-ink: #8AE5AB;
        --color-success-line: #48B06C;
        --color-warning-soft: #3D3012;
        --color-warning-ink: #FAD074;
        --color-warning-line: #D79628;
        --color-danger-soft: #462220;
        --color-danger-ink: #FEA69E;
        --color-danger-line: #E7685B;
        --family-apricot-soft: #362A2A;
        --family-apricot-mid: #EAB48F;
        --family-apricot-deep: #FFC49C;
        --family-sky-soft: #1E2B40;
        --family-sky-mid: #9BBBDF;
        --family-sky-deep: #A9CBF5;
        --family-rose-soft: #3A2230;
        --family-rose-mid: #E1A3B5;
        --family-rose-deep: #F8B2C6;
        --family-mint-soft: #1B3329;
        --family-mint-mid: #8FC8AC;
        --family-mint-deep: #93DDB9;
        --family-lilac-soft: #2A2645;
        --family-lilac-mid: #B4ACDC;
        --family-lilac-deep: #C5BBF4;
        --family-butter-soft: #363019;
        --family-butter-mid: #E9CD6F;
        --family-butter-deep: #FCDC6E;
        --family-pistachio-soft: #29321C;
        --family-pistachio-mid: #B5CD81;
        --family-pistachio-deep: #C5E088;
        --family-aqua-soft: #1A3336;
        --family-aqua-mid: #89C3C8;
        --family-aqua-deep: #93D6DB;
        --mascot-ash: #D9DDE3;
        --mascot-ash-2: #C3C9D2;
        --mascot-outline: #0B0F17;
        --mascot-bed: #2C3341;
      }
    }
    @media screen and (prefers-color-scheme: dark) {
      [data-theme="neutral"][data-mode="system"] {
        --color-bg: #121722;
        --color-surface: #1A2130;
        --color-fog: #222A3A;
        --color-fog-mid: #CCD0D7;
        --color-ink: #EEF1F6;
        --color-ink-muted: #AEB6C4;
        --color-head: #EEF1F6;
        --color-on-mid: #1B2333;
        --color-line: #353D4D;
        --color-line-strong: #7F8AA0;
        --color-action: #A9CBF5;
        --color-action-hover: #DAE9FB;
        --color-on-action: #1B2333;
        --color-goal: #1D5089;
        --color-on-goal: #FFFFFF;
        --color-focus: #8DB0FF;
        --color-success-soft: #183624;
        --color-success-ink: #8AE5AB;
        --color-success-line: #48B06C;
        --color-warning-soft: #3D3012;
        --color-warning-ink: #FAD074;
        --color-warning-line: #D79628;
        --color-danger-soft: #462220;
        --color-danger-ink: #FEA69E;
        --color-danger-line: #E7685B;
        --family-apricot-soft: #362A2A;
        --family-apricot-mid: #EAB48F;
        --family-apricot-deep: #FFC49C;
        --family-sky-soft: #1E2B40;
        --family-sky-mid: #9BBBDF;
        --family-sky-deep: #A9CBF5;
        --family-rose-soft: #3A2230;
        --family-rose-mid: #E1A3B5;
        --family-rose-deep: #F8B2C6;
        --family-mint-soft: #1B3329;
        --family-mint-mid: #8FC8AC;
        --family-mint-deep: #93DDB9;
        --family-lilac-soft: #2A2645;
        --family-lilac-mid: #B4ACDC;
        --family-lilac-deep: #C5BBF4;
        --family-butter-soft: #363019;
        --family-butter-mid: #E9CD6F;
        --family-butter-deep: #FCDC6E;
        --family-pistachio-soft: #29321C;
        --family-pistachio-mid: #B5CD81;
        --family-pistachio-deep: #C5E088;
        --family-aqua-soft: #1A3336;
        --family-aqua-mid: #89C3C8;
        --family-aqua-deep: #93D6DB;
        --mascot-ash: #D9DDE3;
        --mascot-ash-2: #C3C9D2;
        --mascot-outline: #0B0F17;
        --mascot-bed: #2C3341;
      }
    }
  }
  @layer ki.prefs {
    :is([data-contrast="high"], [data-contrast="high"] *)[data-theme="neutral"] {
      --color-ink-muted: #1B2333;
      --color-line: #6F7A8E;
      --color-line-strong: #1B2333;
    }
    @media screen {
      [data-mode="dark"] :is([data-contrast="high"], [data-contrast="high"] *)[data-theme="neutral"] {
        --color-ink-muted: #EEF1F6;
        --color-line: #7F8AA0;
        --color-line-strong: #EEF1F6;
      }
    }
    @media screen and (prefers-color-scheme: dark) {
      [data-mode="system"] :is([data-contrast="high"], [data-contrast="high"] *)[data-theme="neutral"] {
        --color-ink-muted: #EEF1F6;
        --color-line: #7F8AA0;
        --color-line-strong: #EEF1F6;
      }
    }
    :is([data-contrast="high"], [data-contrast="high"] *)[data-theme="neutral"]:is([data-mode="light"], [data-mode="system"]) {
      --color-ink-muted: #1B2333;
      --color-line: #6F7A8E;
      --color-line-strong: #1B2333;
    }
    @media screen {
      :is([data-contrast="high"], [data-contrast="high"] *)[data-theme="neutral"][data-mode="dark"] {
        --color-ink-muted: #EEF1F6;
        --color-line: #7F8AA0;
        --color-line-strong: #EEF1F6;
      }
    }
    @media screen and (prefers-color-scheme: dark) {
      :is([data-contrast="high"], [data-contrast="high"] *)[data-theme="neutral"][data-mode="system"] {
        --color-ink-muted: #EEF1F6;
        --color-line: #7F8AA0;
        --color-line-strong: #EEF1F6;
      }
    }
  }
}