:root {
  --octc-syntax-foreground: #545464;
  --octc-syntax-background: #e7dba0;
  --octc-syntax-token-comment: color-mix(in srgb, #545464 55%, #e7dba0);
  --octc-syntax-token-punctuation: color-mix(in srgb, #545464 72%, #e7dba0);
  --octc-syntax-token-keyword: #b35b79;
  --octc-syntax-token-string: #6f894e;
  --octc-syntax-token-string-expression: #6f894e;
  --octc-syntax-token-constant: #77713f;
  --octc-syntax-token-function: #4d699b;
  --octc-syntax-token-parameter: #c84053;
  --octc-syntax-token-link: #597b75;
}
[data-theme="dark"] {
  --octc-syntax-foreground: #c5c9c5;
  --octc-syntax-background: #181616;
  --octc-syntax-token-comment: #737c73;
  --octc-syntax-token-punctuation: #9e9b93;
  --octc-syntax-token-keyword: #8992a7;
  --octc-syntax-token-string: #8a9a7b;
  --octc-syntax-token-string-expression: #8a9a7b;
  --octc-syntax-token-constant: #b6927b;
  --octc-syntax-token-function: #8ba4b0;
  --octc-syntax-token-parameter: #a6a69c;
  --octc-syntax-token-link: #949fb5;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --octc-syntax-foreground: #c5c9c5;
    --octc-syntax-background: #181616;
    --octc-syntax-token-comment: #737c73;
    --octc-syntax-token-punctuation: #9e9b93;
    --octc-syntax-token-keyword: #8992a7;
    --octc-syntax-token-string: #8a9a7b;
    --octc-syntax-token-string-expression: #8a9a7b;
    --octc-syntax-token-constant: #b6927b;
    --octc-syntax-token-function: #8ba4b0;
    --octc-syntax-token-parameter: #a6a69c;
    --octc-syntax-token-link: #949fb5;
  }
}