/* Reusable Highlight Styles - Based on Data Dave styling */

.highlight {
    font-size: 1.1em;
    font-weight: 700;
    background: linear-gradient(90deg, #5f6fff 0%, #a259ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-shadow: 0 2px 12px #a259ff55, 0 1px 2px #5f6fff33;
    vertical-align: baseline;
    display: inline-block;
}

.highlight-lg {
    font-size: 1.3em;
    font-weight: 700;
    background: linear-gradient(90deg, #5f6fff 0%, #a259ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-shadow: 0 2px 12px #a259ff55, 0 1px 2px #5f6fff33;
    vertical-align: baseline;
    display: inline-block;
}

.highlight-md {
    font-size: 1.15em;
    font-weight: 700;
    background: linear-gradient(90deg, #5f6fff 0%, #a259ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-shadow: 0 2px 12px #a259ff55, 0 1px 2px #5f6fff33;
    vertical-align: baseline;
    display: inline-block;
}

.highlight-sm {
    font-size: 1.05em;
    font-weight: 700;
    background: linear-gradient(90deg, #5f6fff 0%, #a259ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-shadow: 0 2px 12px #a259ff55, 0 1px 2px #5f6fff33;
    vertical-align: baseline;
    display: inline-block;
}

.highlight-subtle {
    font-size: 1em;
    font-weight: 600;
    background: linear-gradient(90deg, #5f6fff 0%, #a259ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-shadow: 0 1px 8px #a259ff44, 0 1px 2px #5f6fff22;
    vertical-align: baseline;
    display: inline-block;
}

.highlight-warm {
    font-size: 1.1em;
    font-weight: 700;
    background: linear-gradient(90deg, #5f6fff 0%, #a259ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-shadow: 0 2px 12px #a259ff55, 0 1px 2px #5f6fff33;
    vertical-align: baseline;
    display: inline-block;
}

.highlight-success {
    font-size: 1.1em;
    font-weight: 700;
    background: linear-gradient(90deg, #5f6fff 0%, #a259ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-shadow: 0 2px 12px #a259ff55, 0 1px 2px #5f6fff33;
    vertical-align: baseline;
    display: inline-block;
}