:root {
    --primary-color: #d8d8d8;
    --primary-rgb: 216, 216, 216;
    --primary-dark: #000000;
    --primary-dark-rgb: 0, 0, 0;
    --teal-gradient: linear-gradient(135deg, #d8d8d8 0%, #000000 100%);
    --success-color: #10b981;
    --success-rgb: 16, 185, 129;
    --warning-color: #f59e0b;
    --warning-rgb: 245, 158, 11;
    --danger-color: #ef4444;
    --danger-rgb: 239, 68, 68;
}

* {
    scrollbar-color: var(--primary-dark) transparent;
}

*::-webkit-scrollbar-thumb {
    background: var(--primary-dark) !important;
}

/* Hero title highlight - darker gray with subtle glow to stand out */
.hero-title-highlight {
    color: #c9971a;
    text-shadow: 0 0 16px rgba(201, 151, 26, 0.5);
}

/* Override bootstrap icons or specific elements if needed */
.text-primary { color: var(--primary-color) !important; }
.bg-primary { background-color: var(--primary-color) !important; }
.btn-primary { background-color: var(--primary-color) !important; border-color: var(--primary-color) !important; }
.btn-primary:hover { background-color: var(--primary-dark) !important; border-color: var(--primary-dark) !important; }