/*
 * LetsVoice brand overrides for the Cuba admin template.
 * Loaded LAST in the head so it wins over style.css / color-1.css.
 * Tokens mirror docs/design/LetsVoice Design System.dc.html.
 */
:root {
    --theme-default: #2F6BFF;
    --theme-secondary: #1E4FD6;
    --rgb-primary: #2F6BFF;
    --light-shade-primary: #EAF0FF;
    --body-font-color: #17203A;

    --lv-primary: #2F6BFF;
    --lv-primary-dark: #1E4FD6;
    --lv-primary-tint: #EAF0FF;
    --lv-ink: #17203A;
    --lv-ink-soft: #4A5265;
    --lv-muted: #6B7280;
    --lv-bg: #F6F7FB;
    --lv-border: #E9EBF1;
    --lv-success: #16A34A;
    --lv-danger: #DC2626;
}

body,
.page-wrapper .page-body-wrapper {
    font-family: 'Instrument Sans', system-ui, -apple-system, sans-serif;
    color: var(--lv-ink);
}

h1, h2, h3, h4, h5, h6,
.card .card-header h5,
.page-title h3 {
    font-family: 'Space Grotesk', system-ui, sans-serif;
    letter-spacing: -0.01em;
}

code, pre, .lv-mono {
    font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
}

/* Cuba hardcodes its violet in a few gradients/shadows the vars miss. */
.btn-primary {
    background-color: var(--lv-primary) !important;
    border-color: var(--lv-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--lv-primary-dark) !important;
    border-color: var(--lv-primary-dark) !important;
}

.txt-primary, .font-primary, a { color: var(--lv-primary); }

a:hover { color: var(--lv-primary-dark); }

/* Wordmark instead of the template's raster logo. */
.lv-wordmark {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    font-size: 21px;
    letter-spacing: -0.02em;
    color: var(--lv-primary);
    line-height: 1;
}

.lv-wordmark small {
    display: block;
    font-family: 'Instrument Sans', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: var(--lv-muted);
    margin-top: 3px;
}

/* Stat cards on the dashboard. */
.lv-stat .lv-stat-value {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.1;
}

.lv-stat .lv-stat-label {
    color: var(--lv-muted);
    font-size: 13px;
    margin: 0;
}

.lv-bar {
    height: 8px;
    border-radius: 999px;
    background: var(--lv-primary-tint);
    overflow: hidden;
}

.lv-bar span {
    display: block;
    height: 100%;
    background: var(--lv-primary);
}

/* Bootstrap pagination inherits Cuba's violet otherwise. */
.page-item.active .page-link {
    background-color: var(--lv-primary);
    border-color: var(--lv-primary);
}

.page-link { color: var(--lv-primary); }