:root{--theme-color--brand:hsla(0, 100%, 67%, 1);--theme-color--brand-shade:hsla(0, 100%, 67%, 0.375);--theme-color--accent:hsla(220, 100%, 62%, 1);--theme-color--accent-shade:hsla(220, 100%, 62%, 0.15);--theme-color--pop:rgb(255, 53, 140);--hue:220;--sat:30%;--lum:90%;--alpha:0.95;--hsl:var(--hue), var(--sat), var(--lum);--theme-color--paper:hsla(
    var(--hue),
    calc(var(--sat) * 1.2),
    calc(var(--lum) * 1.06),
    var(--alpha)
  );--theme-color--ink:hsla(
    var(--hue),
    calc(var(--sat) * 2.2),
    calc(var(--lum) * 0.3),
    var(--alpha)
  );--theme-color--ink-fade:hsla(
    var(--hue),
    calc(var(--sat) * 2.2),
    calc(var(--lum) * 0.3),
    calc(var(--alpha) * 0.3)
  );--theme-color--paper-fade:hsla(
    var(--hue),
    calc(var(--sat) * 1.2),
    calc(var(--lum) * 1.06),
    0.9
  );--theme-color--contrast-max:hsl(
    var(--hue),
    calc(var(--sat) / 100),
    calc(var(--lum) * 2) var(--alpha)
  );--theme-color--block:hsla(var(--hsl), var(--alpha));--theme-color--outline:hsl(var(--hsl), 1);--theme-color--backdrop-from:hsl(var(--hsl) / 0.25);--theme-color--backdrop-to:hsl(var(--hsl) / 0.2)}@media(prefers-color-scheme:dark){:root{--hue:270;--sat:8%;--lum:20%;--alpha:0.99;--theme-color--ink:hsla(
    calc(var(--hue) * 1.1),
    calc(var(--sat) + 60%),
    calc(var(--lum) * 4.4),
    var(--alpha)
  );--theme-color--accent:hsla(262, 100%, 67%, 1);--theme-color--pop:hsl(146, 100%, 46%)}}:root{--theme-font--display:"Fira Mono", "Monaco", monospace;--theme-font--copy:"Fira Sans", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
    sans-serif;--theme-font--system:100 100%/2 "Fira Mono", "Monaco", "Menlo", monospace}.is-dark-mode,:root:has(.is-dark-mode){--hue:270;--sat:8%;--lum:20%;--alpha:0.99;--theme-color--ink:hsla(
    calc(var(--hue) * 1.1),
    calc(var(--sat) + 60%),
    calc(var(--lum) * 4.4),
    var(--alpha)
  );--theme-color--accent:hsla(262, 100%, 67%, 1);--theme-color--pop:hsl(146, 100%, 46%)}.is-light-mode,:root:has(.is-light-mode){--theme-color--brand:hsla(0, 100%, 67%, 1);--theme-color--brand-shade:hsla(0, 100%, 67%, 0.375);--theme-color--accent:hsla(220, 100%, 62%, 1);--theme-color--accent-shade:hsla(220, 100%, 62%, 0.15);--theme-color--pop:rgb(255, 53, 140);--hue:220;--sat:30%;--lum:90%;--alpha:0.95;--hsl:var(--hue), var(--sat), var(--lum);--theme-color--paper:hsla(
    var(--hue),
    calc(var(--sat) * 1.2),
    calc(var(--lum) * 1.06),
    var(--alpha)
  );--theme-color--ink:hsla(
    var(--hue),
    calc(var(--sat) * 2.2),
    calc(var(--lum) * 0.3),
    var(--alpha)
  );--theme-color--ink-fade:hsla(
    var(--hue),
    calc(var(--sat) * 2.2),
    calc(var(--lum) * 0.3),
    calc(var(--alpha) * 0.3)
  );--theme-color--paper-fade:hsla(
    var(--hue),
    calc(var(--sat) * 1.2),
    calc(var(--lum) * 1.06),
    0.9
  );--theme-color--contrast-max:hsl(
    var(--hue),
    calc(var(--sat) / 100),
    calc(var(--lum) * 2) var(--alpha)
  );--theme-color--block:hsla(var(--hsl), var(--alpha));--theme-color--outline:hsl(var(--hsl), 1);--theme-color--backdrop-from:hsl(var(--hsl) / 0.25);--theme-color--backdrop-to:hsl(var(--hsl) / 0.2)}