/* alterBIT Brand Colors */
:root {
    --alterbit-red: #C41E3A;
    --alterbit-red-light: #E63946;
    --alterbit-red-dark: #A01729;
    --alterbit-gray: #6B7280;
    --alterbit-black: #1F2937;
}

/* Brand accent colors for links */
a:not(.logo):not(.skip-link) {
    transition: color 0.3s ease;
}

a:not(.logo):not(.skip-link):hover {
    color: var(--alterbit-red) !important;
}

/* Navigation active and hover states */
.navbar nav ul li a:hover,
.navbar nav ul li a.active {
    color: var(--alterbit-red) !important;
}

/* Secondary navigation with brand accent */
nav#secondary-nav a:hover {
    color: var(--alterbit-red-light) !important;
}

nav#secondary-nav a.active {
    color: var(--alterbit-red) !important;
    border-bottom: 3px solid var(--alterbit-red) !important;
}

/* Hero section with brand gradient accent */
.hero-microsoft::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--alterbit-red), var(--alterbit-red-light), var(--alterbit-red));
}

/* Brand accent for service cards */
section#servizi .container > div > div:hover {
    border-left: 4px solid var(--alterbit-red) !important;
    transform: translateY(-5px);
    box-shadow: 0 8px 24px rgba(196, 30, 58, 0.15);
}

section#servizi .container > div > div {
    transition: all 0.3s ease;
}

/* Brand accent for icons and highlights */
section#servizi .container > div > div span[style*="color: #0078d4"] {
    color: var(--alterbit-red) !important;
}

section#servizi ul[style*="border-left: 3px solid #0078d4"] {
    border-left-color: var(--alterbit-red) !important;
}

/* Buttons stay blue - no brand color override */

/* Partner cards with brand accent on hover */
section#partners .container > div > div:hover {
    border-top: 4px solid var(--alterbit-red) !important;
    transform: translateY(-5px);
    box-shadow: 0 8px 24px rgba(196, 30, 58, 0.15);
}

section#partners .container > div > div {
    transition: all 0.3s ease;
}

/* Footer with brand accent */
.footer a:hover {
    color: var(--alterbit-red-light) !important;
}

/* Theme toggle button with brand color */
.theme-toggle:hover {
    background: var(--alterbit-red) !important;
    color: white !important;
}

/* Statistics or highlights with brand color */
.stat-number,
.highlight-number {
    color: var(--alterbit-red) !important;
}

/* Section titles with subtle brand accent */
section h2::after {
    content: '';
    display: block;
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, var(--alterbit-red), var(--alterbit-red-light));
    margin: 1rem auto 0;
    border-radius: 2px;
}

/* CTA sections with brand gradient */
section[style*="background: linear-gradient(135deg, #1a1a1a"] {
    background: linear-gradient(135deg, #1a1a1a 0%, var(--alterbit-red-dark) 100%) !important;
}

/* Mobile menu toggle with brand color */
.mobile-menu-toggle:hover {
    color: var(--alterbit-red) !important;
}

/* Partner badges with brand accent */
section#partners .container > div > div span[style*="background: #f0f0f0"] {
    border-left: 3px solid var(--alterbit-red) !important;
}

/* Focus states for accessibility with brand color */
a:focus,
button:focus {
    outline: 2px solid var(--alterbit-red) !important;
    outline-offset: 2px;
}