/* Generated using: Custom for Catppuccin Mocha Dark Mode (Chroma) */

/* --- General and Background --- */
/* Base Color: #1e1e2e (Crust/Base) */
/* Text Color: #cdd6f4 (Text) */
.bg { color:#cdd6f4;background-color:#1e1e2e; } 
.chroma { 
    color:#cdd6f4;
    background-color:#1e1e2e; 
    padding: 15px; /* Added padding for aesthetics */
    border-radius: 4px; /* Added border-radius */
    overflow-x: auto; /* Ensure horizontal scrolling for long lines */
}
.chroma .x {  }
.chroma .line { display:flex; }

/* Line Numbering and Highlighting */
.chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; }
.chroma .lntable { border-spacing:0;padding:0;margin:0;border:0; }
/* Line Highlight (Surface1 color provides clear contrast on Base background) */
.chroma .hl { background-color:#313244; } 
/* Line Numbers */
.chroma .lnt { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#6c7086 } /* Subtext0 */
.chroma .ln { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#6c7086 } /* Subtext0 */
.chroma .lnlinks { outline:none;text-decoration:none;color:inherit }

/* --- Syntax Coloring (Catppuccin Mocha Palette) --- */

/* Punctuation */ .chroma .p { color:#cdd6f4 } /* Text */

/* Comments */ 
.chroma .c { color:#6c7086 } /* Subtext0 */
.chroma .ch { color:#6c7086 } 
.chroma .cm { color:#6c7086 } 
.chroma .c1 { color:#6c7086 } 
.chroma .cs { color:#6c7086 } 
.chroma .cp { color:#94999f } /* Subtext1 */
.chroma .cpf { color:#94999f } /* Subtext1 */

/* Keywords */ 
.chroma .k { color:#f38ba8 } /* Red (Keyword) */
.chroma .kc { color:#f38ba8 } /* Red */
.chroma .kd { color:#f38ba8 } /* Red */
.chroma .kn { color:#89b4fa } /* Blue (Keyword Name/Operator Word) */
.chroma .kp { color:#f38ba8 } /* Red */
.chroma .kr { color:#f38ba8 } /* Red */
.chroma .kt { color:#f38ba8 } /* Red (Keyword Type) */

/* Literals (Strings and Numbers) */ 
.chroma .l { color:#a6e3a1 } /* Green (Literal) */
.chroma .ld { color:#f9e2af } /* Yellow (Date) */
.chroma .s { color:#a6e3a1 } /* Green (String) */
.chroma .sa { color:#a6e3a1 } 
.chroma .sb { color:#a6e3a1 } 
.chroma .sc { color:#a6e3a1 } 
.chroma .dl { color:#a6e3a1 } 
.chroma .sd { color:#a6e3a1 } 
.chroma .s2 { color:#a6e3a1 } 
.chroma .se { color:#f38ba8 } /* Red (Escape) */
.chroma .sh { color:#a6e3a1 } 
.chroma .si { color:#a6e3a1 } 
.chroma .sx { color:#a6e3a1 } 
.chroma .sr { color:#a6e3a1 } 
.chroma .s1 { color:#a6e3a1 } 
.chroma .ss { color:#a6e3a1 } 
.chroma .m { color:#fab387 } /* Peach (Number) */
.chroma .mb { color:#fab387 } 
.chroma .mf { color:#fab387 } 
.chroma .mh { color:#fab387 } 
.chroma .mi { color:#fab387 } 
.chroma .il { color:#fab387 } 
.chroma .mo { color:#fab387 } 

/* Names (Functions, Variables, Classes) */
.chroma .n { color:#cdd6f4 } /* Text (Default Name/Variable) */
.chroma .na { color:#f9e2af } /* Yellow (Attribute) */
.chroma .nc { color:#89b4fa } /* Blue (Class) */
.chroma .no { color:#f9e2af } /* Yellow (Constant) */
.chroma .nd { color:#89b4fa } /* Blue (Decorator) */
.chroma .ne { color:#f38ba8 } /* Red (Exception) */
.chroma .nt { color:#89b4fa } /* Blue (Tag) */
.chroma .nv { color:#fab387 } /* Peach (Variable) */
.chroma .vc { color:#fab387 } 
.chroma .vg { color:#fab387 } 
.chroma .vi { color:#fab387 } 
.chroma .vm { color:#fab387 } 
.chroma .nf { color:#89b4fa } /* Blue (Function) */
.chroma .fm { color:#89b4fa } 
.chroma .ni { color:#f9e2af } 
.chroma .nl { color:#cdd6f4 } 
.chroma .nn { color:#cdd6f4 } 
.chroma .nx { color:#fab387 } /* Peach (Other Name) */
.chroma .py { color:#cdd6f4 } 
.chroma .nb { color:#cdd6f4 } 
.chroma .bp { color:#cdd6f4 } 

/* Operators */
.chroma .o { color:#f38ba8 } /* Red/Pink (Operator Symbol) */
.chroma .ow { color:#f388ba } /* Red/Pink (Operator Word) */

/* Generic/Diff */
.chroma .err { color:#1e1e2e;background-color:#f38ba8 } /* Base on Red (Error) */
.chroma .gd { color:#f38ba8 } /* Red (Deleted) */
.chroma .gi { color:#a6e3a1 } /* Green (Inserted) */
.chroma .ge { font-style:italic }
.chroma .gr { color:#f38ba8 } 
.chroma .gu { color:#6c7086 } /* Subtext0 (Subheading) */
.chroma .gs { font-weight:bold }
.chroma .g {  }
.chroma .gh {  }
.chroma .go {  }
.chroma .gp {  }
.chroma .gt {  }
.chroma .gl {  }
.chroma .w {  }

/* --- Selection (Highlighting with mouse) --- */
.chroma ::selection {
    background: #45475a; /* Surface2 for selection background */
    color: #cdd6f4;      /* Text for selected text color */
}
.chroma ::-moz-selection {
    background: #45475a; 
    color: #cdd6f4;
}