@import url("tokens.74b7c5c72a8d.css");
@import url("components.bd1b057f9ba9.css");
@import url("public.c1a7566f0e07.css");

/* Legacy aliases for backward compat during migration */
:root {
    --primary: var(--cv-primary);
    --bg-light: var(--cv-gray-50);
}

.bg-primary {
    background-color: var(--cv-primary) !important;
}

.btn-primary {
    background-color: var(--cv-primary);
    border-color: var(--cv-primary);
}

.btn-primary:hover {
    background-color: var(--cv-primary-dark);
    border-color: var(--cv-primary-dark);
}

.metric-card {
    background: var(--cv-white);
    border-radius: var(--cv-radius-lg);
    padding: 1.25rem;
    box-shadow: var(--cv-card-shadow);
    text-align: center;
    border: 1px solid var(--cv-border);
}

.metric-label {
    display: block;
    font-size: 0.75rem;
    text-transform: uppercase;
    color: var(--cv-gray-500);
    letter-spacing: 0.05em;
    font-weight: 600;
}

.metric-value {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    color: var(--cv-primary);
}