:root {
    --accent: #ff6600;             /* Bright orange */
    --focus: #e65c00;              /* Darker orange for hover/focus */
    --accent--active: #cc5200;     /* Even darker orange for active */
    --shadow--normal: rgba(255, 102, 0, 0.4);      /* Orange shadow */
    --focus--shadow: rgba(230, 92, 0, 0.6);        /* Darker orange shadow */
    --focus--active: rgba(204, 82, 0, 0.8);        /* Active state shadow */
    --hero-main: #e9e9e9; /* Text color from .hero-main */
    --hero-main--subtext: #c7c7c7; /* Text color from .hero-main--subtext */
    --carousel-img-overlay: #000000a1; /* Background from .carousel-img-overlay */
    --carousel-img-shadow: #00000085; /* Shadow from .carousel-img-overlay */
    --logo-bg: #000000c4; /* Background from .logo-main */
    --header-bg: #ffffff; /* Background from .header-area.header-sticky */
    --header-shadow: rgba(0, 0, 0, 0.12); /* Shadow from .header-area.header-sticky */
    --nav-hover-bg: #f0f0f0; /* Background from .navbar-nav .nav-link:hover */
    --nav-cta: #333; /* Text color from .nav-link--cta */
    --nav-subtext: #888; /* Text color from .nav-link--subtext */
    --contact-info: #3e3e3e; /* Text color from .header-area .contact-info a */
    --separator: #ccc; /* Color from .header-area .separator */
    --product-device: #333; /* Background from .product-device */
    --product-device-2: #e5e5e5; /* Background from .product-device-2 */
    --nav-underline:var(--accent--active);
}

.button-main:active {
    background-color: var(--accent--active);
}