@layer ui-kit-base {
  code {
    color: var(--p-cyan-700);
    font-size: 0.9em;
  }

  // dark mode
  [data-display-theme="dark"] {
    code {
      color: var(--p-cyan-300);
    }
  }

  pre {
    margin: 1.5rem 0;
    background-color: var(--p-surface-100);
    padding: 1rem 2rem;
    border-radius: var(--p-card-border-radius);
  }

  // dark mode
  [data-display-theme="dark"] {
    pre {
      background-color: var(--p-surface-900);
    }
  }


}