/* Catppuccin Latte in light, Mocha in dark */
@scope (htmlpress-landing-code) {
  :scope {
    --landing-code-text: #4c4f69;
    --landing-code-dim: #8c8fa1;
    --landing-code-key: #8839ef;
    --landing-code-string: #40a02b;
    --landing-code-folder: #179299;
    display: block;
    min-width: 0;
  }
  pre {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    color: var(--landing-code-text);
    font-size: 0.875rem;
    line-height: 1.625;
  }
  /* The content stylesheet frames every Shiki block with `!important` */
  pre.shiki {
    background: none !important;
  }
  [data-token="dim"],
  [data-token="note"] {
    color: var(--landing-code-dim);
  }
  [data-token="key"] {
    color: var(--landing-code-key);
  }
  [data-token="page"] {
    color: var(--landing-code-string);
  }
  [data-token="folder"] {
    color: var(--landing-code-folder);
  }
  @media (max-width: 40rem) {
    [data-token="note"] {
      display: none;
    }
  }
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) htmlpress-landing-code {
    --landing-code-text: #cdd6f4;
    --landing-code-dim: #7f849c;
    --landing-code-key: #cba6f7;
    --landing-code-string: #a6e3a1;
    --landing-code-folder: #94e2d5;
  }
}
:root[data-theme="dark"] htmlpress-landing-code {
  --landing-code-text: #cdd6f4;
  --landing-code-dim: #7f849c;
  --landing-code-key: #cba6f7;
  --landing-code-string: #a6e3a1;
  --landing-code-folder: #94e2d5;
}