/* syntax.css – Dracula-Theme für Dark Mode */

  pre.chroma {
    background-color: #282A36;
    color: #f8f8f2;
    padding: 10px;
	margin: 40px;
    overflow: auto;
	border: 1px;
	border-style: solid;
	border-color: #50FA7B;
    /* border-radius: 5px; */
    font-size: 12px;
  }

  /* Line numbers */
  .chroma .ln {
    color: #44475A;
    /*padding-right: 1em;*/
    user-select: none;
  }

  /* Comments */
  .chroma .c { color: #6272a4; font-style: italic; }      /* Comment */
  .chroma .cm { color: #6272a4; font-style: italic; }     /* Comment.Multiline */
  .chroma .cp { color: #ff79c6; }                         /* Comment.Preproc */

  /* Keywords */
  .chroma .k { color: #ff79c6; }        /* Keyword */
  .chroma .kd { color: #8be9fd; }       /* Keyword.Declaration */
  .chroma .kn { color: #ff79c6; }       /* Keyword.Namespace */

  /* Names */
  .chroma .n { color: #f8f8f2; }        /* Name */
  .chroma .na { color: #50fa7b; }       /* Name.Attribute */
  .chroma .nf { color: #50fa7b; }       /* Name.Function */
  .chroma .nt { color: #ff79c6; }       /* Name.Tag */

  /* Strings */
  .chroma .s { color: #f1fa8c; }        /* String */
  .chroma .s1 { color: #f1fa8c; }       /* String.Single */
  .chroma .s2 { color: #f1fa8c; }       /* String.Double */

  /* Numbers */
  .chroma .m { color: #bd93f9; }        /* Number */
  .chroma .mi { color: #bd93f9; }       /* Number.Integer */

  /* Operators */
  .chroma .o { color: #ff79c6; }        /* Operator */

  /* Builtins, special */
  .chroma .bp { color: #8be9fd; }       /* Builtin.Pseudo */
  .chroma .nb { color: #8be9fd; }       /* Name.Builtin */
}