/* Struckdown syntax highlighting styles */
/* Matches colours from struckdown/highlight.py */

/* Editor wrapper */
.sd-editor-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.sd-editor-highlight {
    font-family: 'SF Mono', 'Menlo', 'Monaco', 'Consolas', monospace;
    font-size: 16px;
    line-height: 1.5;
}

.sd-editor-textarea {
    font-family: 'SF Mono', 'Menlo', 'Monaco', 'Consolas', monospace;
    font-size: 16px;
    line-height: 1.5;
}

/* Slot highlighting [[...]] - emerald green */
.sd-slot {
    color: #047857;
    background-color: rgba(6, 214, 160, 0.25);
    border-radius: 2px;
}

/* Template variable {{...}} - bubblegum pink */
.sd-template-var {
    color: #be185d;
    background-color: rgba(239, 71, 111, 0.2);
    border-radius: 2px;
}

/* Jinja tag {% %} - ocean blue */
.sd-jinja-tag {
    color: #0369a1;
    background-color: rgba(17, 138, 178, 0.15);
    border-radius: 2px;
}

/* System tag <system> - dark grey */
.sd-system-tag {
    color: #374151;
    background-color: rgba(107, 114, 128, 0.2);
    border-radius: 2px;
}

/* Header tag <header> - muted brown */
.sd-header-tag {
    color: #92400e;
    background-color: rgba(251, 191, 36, 0.2);
    border-radius: 2px;
}

/* Checkpoint <checkpoint> - golden */
.sd-checkpoint {
    color: #92400e;
    background-color: rgba(251, 191, 36, 0.35);
    border-radius: 2px;
}

/* Comments <!-- --> - muted grey */
.sd-comment {
    color: #9ca3af;
}