/* Prism theme adapting to Notemark CSS variables */
code[class*="language-"],
pre[class*="language-"] {
  color: var(--primary-text);
  background: none;
  font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'SF Mono', Consolas, Monaco, monospace;
  font-size: 0.9em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.6;
  tab-size: 2;
  hyphens: none;
}

/* Light theme token colors */
:root[data-theme="light"] .token.comment,
:root[data-theme="light"] .token.prolog,
:root[data-theme="light"] .token.doctype,
:root[data-theme="light"] .token.cdata {
  color: #94a3b8;
  font-style: italic;
}

:root[data-theme="light"] .token.punctuation {
  color: #64748b;
}

:root[data-theme="light"] .token.property,
:root[data-theme="light"] .token.tag,
:root[data-theme="light"] .token.boolean,
:root[data-theme="light"] .token.number,
:root[data-theme="light"] .token.constant,
:root[data-theme="light"] .token.symbol,
:root[data-theme="light"] .token.deleted {
  color: #e11d48;
}

:root[data-theme="light"] .token.selector,
:root[data-theme="light"] .token.attr-name,
:root[data-theme="light"] .token.string,
:root[data-theme="light"] .token.char,
:root[data-theme="light"] .token.builtin,
:root[data-theme="light"] .token.inserted {
  color: #059669;
}

:root[data-theme="light"] .token.operator,
:root[data-theme="light"] .token.entity,
:root[data-theme="light"] .token.url,
:root[data-theme="light"] .token.variable {
  color: #d97706;
}

:root[data-theme="light"] .token.atrule,
:root[data-theme="light"] .token.attr-value,
:root[data-theme="light"] .token.keyword {
  color: #4f46e5;
  font-weight: 600;
}

:root[data-theme="light"] .token.function,
:root[data-theme="light"] .token.class-name {
  color: #2563eb;
  font-weight: 600;
}

:root[data-theme="light"] .token.regex,
:root[data-theme="light"] .token.important {
  color: #ca8a04;
}

/* Dark theme token colors */
:root[data-theme="dark"] .token.comment,
:root[data-theme="dark"] .token.prolog,
:root[data-theme="dark"] .token.doctype,
:root[data-theme="dark"] .token.cdata {
  color: #64748b;
  font-style: italic;
}

:root[data-theme="dark"] .token.punctuation {
  color: #94a3b8;
}

:root[data-theme="dark"] .token.property,
:root[data-theme="dark"] .token.tag,
:root[data-theme="dark"] .token.boolean,
:root[data-theme="dark"] .token.number,
:root[data-theme="dark"] .token.constant,
:root[data-theme="dark"] .token.symbol,
:root[data-theme="dark"] .token.deleted {
  color: #fb7185;
}

:root[data-theme="dark"] .token.selector,
:root[data-theme="dark"] .token.attr-name,
:root[data-theme="dark"] .token.string,
:root[data-theme="dark"] .token.char,
:root[data-theme="dark"] .token.builtin,
:root[data-theme="dark"] .token.inserted {
  color: #34d399;
}

:root[data-theme="dark"] .token.operator,
:root[data-theme="dark"] .token.entity,
:root[data-theme="dark"] .token.url,
:root[data-theme="dark"] .token.variable {
  color: #fbbf24;
}

:root[data-theme="dark"] .token.atrule,
:root[data-theme="dark"] .token.attr-value,
:root[data-theme="dark"] .token.keyword {
  color: #818cf8;
  font-weight: 600;
}

:root[data-theme="dark"] .token.function,
:root[data-theme="dark"] .token.class-name {
  color: #60a5fa;
  font-weight: 600;
}

:root[data-theme="dark"] .token.regex,
:root[data-theme="dark"] .token.important {
  color: #facc15;
}