@property --gbe-monokai-red {
    syntax: "<color>";
    inherits: false;
    initial-value: #fa6886;
}

@property --gbe-monokai-orange {
    syntax: "<color>";
    inherits: false;
    initial-value: #f99b6b;
}

@property --gbe-monokai-yellow {
    syntax: "<color>";
    inherits: false;
    initial-value: #ffd972;
}

@property --gbe-monokai-green {
    syntax: "<color>";
    inherits: false;
    initial-value: #aedb80;
}

@property --gbe-monokai-blue {
    syntax: "<color>";
    inherits: false;
    initial-value: #7fdbe7;
}

@property --gbe-monokai-purple {
    syntax: "<color>";
    inherits: false;
    initial-value: #a89eee;
}

.gbe-code-background {
    background-color: rgb(30, 28, 34);
    padding: 4px;
}

.gbe-code {
    font-family: 'Source Code Pro', Consolas, Courier New, Courier, monospace;
    font-size: 12pt;
    color: #c0c0c0;
}

.gbe-code-keyword {
    color: var(--gbe-monokai-red);
}

.gbe-code-function {
    color: var(--gbe-monokai-orange);
}

.gbe-code-type {
    color: var(--gbe-monokai-blue);
}

.gbe-code-module-name {
    color: var(--gbe-monokai-yellow);
}