:root {
    --accent: #328aacd9; /* Bright blue from .button-main */
    --focus: #0056b3; /* Darker blue from .button-main:hover */
    --accent--active: #004085; /* Darker blue for active state */
    --shadow--normal: rgba(0, 0, 0, 0.2); /* Shadow from .button-main */
    --focus--shadow: rgba(0, 0, 0, 0.3); /* Shadow from .button-main:hover */
    --focus--active: rgba(0, 0, 0, 0.25); /* Shadow from .button-main:active */
    --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);
}

.card-text {
    color:#000 !important;
}

.bg-dyn {
    background-color: #1a1a1a;
    color:rgb(240, 240, 240);
    padding-block:0.5em;
}

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