/*!
 * Domma Syntax Highlighting CSS v0.3.0-alpha.0
 * Dynamic Object Manipulation & Modeling API
 * (c) 2025 Darryl Waterhouse & DCBW-IT
 * Built: 2025-12-30T15:25:24.589Z
 * Commit: bc8e519
 */

/**
 * Domma Syntax Highlighting Styles
 *
 * Color-coded syntax highlighting for JavaScript, HTML, and CSS
 * Theme-aware with light/dark mode support
 */

/* Syntax token colors - Light theme */
.syntax-keyword {
    color: #0000ff;
    font-weight: 600;
}

.syntax-string {
    color: #a31515;
}

.syntax-comment {
    color: #008000;
    font-style: italic;
}

.syntax-number {
    color: #098658;
}

.syntax-function {
    color: #795e26;
}

.syntax-class {
    color: #267f99;
}

.syntax-tag {
    color: #800000;
}

.syntax-attr-name {
    color: #e50000;
}

.syntax-attr-value {
    color: #0000ff;
}

.syntax-selector {
    color: #800000;
}

.syntax-property {
    color: #e50000;
}

.syntax-value {
    color: #0451a5;
}

.syntax-operator {
    color: #000000;
}

.syntax-punctuation {
    color: #000000;
}

.syntax-boolean {
    color: #0000ff;
}

.syntax-regex {
    color: #811f3f;
}

/* Dark theme overrides */
.dm-theme-dark .syntax-keyword {
    color: #569cd6;
}

.dm-theme-dark .syntax-string {
    color: #ce9178;
}

.dm-theme-dark .syntax-comment {
    color: #6a9955;
}

.dm-theme-dark .syntax-number {
    color: #b5cea8;
}

.dm-theme-dark .syntax-function {
    color: #dcdcaa;
}

.dm-theme-dark .syntax-class {
    color: #4ec9b0;
}

.dm-theme-dark .syntax-tag {
    color: #569cd6;
}

.dm-theme-dark .syntax-attr-name {
    color: #9cdcfe;
}

.dm-theme-dark .syntax-attr-value {
    color: #ce9178;
}

.dm-theme-dark .syntax-selector {
    color: #d7ba7d;
}

.dm-theme-dark .syntax-property {
    color: #9cdcfe;
}

.dm-theme-dark .syntax-value {
    color: #ce9178;
}

.dm-theme-dark .syntax-operator {
    color: #d4d4d4;
}

.dm-theme-dark .syntax-punctuation {
    color: #d4d4d4;
}

.dm-theme-dark .syntax-boolean {
    color: #569cd6;
}

.dm-theme-dark .syntax-regex {
    color: #d16969;
}

/* Language badge */
.syntax-language-badge {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    z-index: 10;
}

.dm-theme-dark .syntax-language-badge {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.8);
}