/* DevCodeTricks Custom Theme Colors */
:root {
    /* Override primary color to a developer-friendly blue-green */
    --bs-primary: #00D4AA;
    --bs-primary-rgb: 0, 212, 170;
    --bs-primary-bg-subtle: rgba(0, 212, 170, 0.125);
    --bs-primary-border-subtle: rgba(0, 212, 170, 0.25);
    --bs-primary-text-emphasis: #004d3d;
    
    /* Complementary accent colors */
    --bs-secondary: #1E293B;
    --bs-info: #0EA5E9;
    --bs-success: #10B981;
    --bs-warning: #F59E0B;
    --bs-danger: #EF4444;
}

/* Custom gradient for DevCodeTricks branding */
.text-clip--primary-alt {
    background: linear-gradient(135deg, #00D4AA 0%, #0EA5E9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Update border animation gradient */
.border-animation::before {
    background: linear-gradient(135deg, var(--bs-primary), transparent, transparent, transparent, transparent, #0EA5E9) !important;
}

/* Update feature card background */
.feature-card-1 {
    background-image: linear-gradient(180deg, rgba(0, 212, 170, 0.1) -59.74%, rgba(var(--bs-dark-rgb), 0.5) 100%) !important;
}

/* Update hero gradient */
.hero-7__img-container svg linearGradient stop:first-child {
    stop-color: #00D4AA;
}

/* Custom button hover effects */
.btn-primary:hover {
    --bs-btn-hover-bg: #00B894;
    --bs-btn-hover-border-color: #00B894;
}

/* Update pricing card accents */
.price-card-4--featured {
    border-color: var(--bs-primary) !important;
}

.price-card-4--featured .price-card-4__header {
    background: linear-gradient(135deg, var(--bs-primary), #0EA5E9) !important;
}

/* Smooth scrolling and anchor offset for fixed header */
html {
    scroll-behavior: smooth;
}

/* Offset anchors to account for fixed header height */
#home, #features, #tech-stack, #pricing {
    scroll-margin-top: 90px; /* adjust if header height changes */
}