/* CompactCool project-specific utility classes. */

.cc-surface {
    color: var(--cc-text);
    background: var(--cc-surface);
}

.cc-surface-muted {
    color: var(--cc-text);
    background: var(--cc-surface-muted);
}

.cc-border {
    border: 1px solid var(--cc-border) !important;
}

.cc-shadow-sm {
    box-shadow: var(--cc-shadow-sm) !important;
}

.cc-shadow-md {
    box-shadow: var(--cc-shadow-md) !important;
}

.cc-rounded {
    border-radius: var(--cc-radius-lg) !important;
}

.cc-text-muted {
    color: var(--cc-muted-strong) !important;
}

.cc-text-primary {
    color: var(--cc-primary) !important;
}

.cc-min-width-0 {
    min-width: 0 !important;
}

.cc-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cc-page-title {
    margin: 0;
    color: var(--cc-text);
    font-size: clamp(1.45rem, 2.5vw, 2rem);
    font-weight: 750;
    letter-spacing: -0.025em;
}

.cc-page-description {
    margin: 0.25rem 0 0;
    color: var(--cc-muted-strong);
}