/* Todd Digital light theme override.
   Load after the page-specific CSS files. */
:root {
    --td-bg: #f4f7fb;
    --td-bg-deep: #ffffff;
    --td-surface: #ffffff;
    --td-surface-2: #f7f9fc;
    --td-surface-3: #edf2f7;
    --td-card: #ffffff;
    --td-card-soft: rgba(18, 28, 45, 0.055);
    --td-card-softer: rgba(18, 28, 45, 0.035);
    --td-card-hover: rgba(18, 28, 45, 0.075);
    --td-card-hover-strong: rgba(18, 28, 45, 0.1);
    --td-text: #172033;
    --td-text-soft: #4f5d73;
    --td-muted: #6e7b8f;
    --td-border: rgba(18, 28, 45, 0.12);
    --td-border-soft: rgba(18, 28, 45, 0.08);
    --td-border-strong: rgba(18, 28, 45, 0.18);
    --td-shadow-soft: 0 14px 45px rgba(29, 45, 68, 0.1);
    --td-shadow-hover: 0 18px 50px rgba(29, 45, 68, 0.16);
    --td-shadow-card: 0 10px 30px rgba(29, 45, 68, 0.14);
    --td-shadow-control: 0 8px 22px rgba(29, 45, 68, 0.12);
    --td-shadow-control-hover: 0 12px 30px rgba(29, 45, 68, 0.18);
    --td-shadow-thumb: 0 0 6px rgba(29, 45, 68, 0.25);
    --td-overlay-dark: rgba(18, 28, 45, 0.18);
    --td-accent: #1674c9;
    --td-accent-hover: #0f63ae;
    --td-accent-bright: #268be8;
    --td-accent-soft: rgba(22, 116, 201, 0.1);
    --td-accent-softer: rgba(22, 116, 201, 0.075);
    --td-accent-button: rgba(22, 116, 201, 0.14);
    --td-accent-button-hover: rgba(22, 116, 201, 0.24);
    --td-accent-strong: rgba(22, 116, 201, 0.92);
    --td-accent-border: rgba(22, 116, 201, 0.26);
    --td-accent-border-strong: rgba(22, 116, 201, 0.38);
    --td-accent-border-hover: rgba(22, 116, 201, 0.56);
    --td-accent-shadow: 0 8px 24px rgba(22, 116, 201, 0.22);
    --td-accent-shadow-soft: 0 6px 22px rgba(22, 116, 201, 0.22);
    --td-danger: #c94a4a;
    --td-danger-soft: rgba(201, 74, 74, 0.1);
    --td-danger-border: rgba(201, 74, 74, 0.28);
    --td-danger-shadow: 0 8px 24px rgba(201, 74, 74, 0.18);
}

body {
    color: var(--td-text-soft);
    background: var(--td-bg);
}

.page,
.container,
.card-inner,
.card-inner .card-container,
.card-inner .card-container .card-wrap,
.card-inner .card-wrap {
    background: var(--td-bg);
}

.header {
    background: var(--td-bg-deep);
    box-shadow: 1px 0 18px rgba(29, 45, 68, 0.08);
}

.header:before,
.lines-grid .row .col .lines .line-1 {
    background: var(--td-border-soft);
}

.lines-grid .row .col .lines .line-2 {
    background: var(--td-border-strong);
}

.lines-grid .row .col:after {
    background: var(--td-surface-2);
}

.header .top-menu ul li a,
.header .top-menu ul li:hover a,
.header .top-menu ul li:hover a .icon,
.header .logo a,
.card-inner.card-started .title,
.card-inner.card-started .subtitle strong,
.card-inner .card-wrap .title,
.service-items .service-item .name,
.post-box .blog-content ul.list-style li {
    color: var(--td-text);
}

.header .top-menu ul li a .icon,
.header .social a .icon,
.card-inner.card-started .title span,
.card-inner.card-started .subtitle,
.content.inner-top .text p,
.service-items .service-item p,
.post-box .blog-detail,
.post-box .blog-content blockquote {
    color: var(--td-text-soft);
}

.header .top-menu ul li.active a,
.header .top-menu ul li.active a .icon,
.header .social a:hover .icon,
.content.inner-top .text p strong,
.card-inner .card-wrap .title span,
.service-items .service-item .icon,
.post-box .blog-content blockquote {
    color: var(--td-accent);
}

.header .top-menu ul li a .link {
    color: var(--td-text);
    background: var(--td-surface);
    box-shadow: var(--td-shadow-control);
}

.header .top-menu ul li a .link:before {
    border-right-color: var(--td-surface);
}

.card-inner.card-started .slide:after {
    background: rgba(244, 247, 251, 0.78);
}

.card-inner .card-image:before {
    background: rgba(244, 247, 251, 0.16);
}

.card-inner .card-box,
.service-items .service-item,
.post-box .post-comments li:nth-child(even),
.music-section-panel,
.about-faq-item,
.fav-acc-item,
.blog-post-card,
.album-card,
.playlist-card {
    background: var(--td-card-soft);
    border-color: var(--td-border);
    box-shadow: var(--td-shadow-soft);
}

.card-inner .card-box:hover,
.service-items .service-item:hover,
.blog-post-card:hover,
.album-card:hover,
.playlist-card:hover {
    background: var(--td-card-hover);
    box-shadow: var(--td-shadow-hover);
}

.section-iframe-panel iframe,
.album-header .album-cover,
.collab-img-wrap,
.about-faq-header,
.fav-acc-header,
.filter-dropdown-trigger,
.filter-dropdown-menu,
.media-lightbox .lb-audio-card {
    background: var(--td-surface-2);
    border-color: var(--td-border);
}

.about-faq-title,
.fav-acc-title,
.album-title,
.track-name,
.playlist-title,
.blog-post-title,
.filter-label {
    color: var(--td-text);
}

.about-faq-header:hover,
.fav-acc-header:hover,
.filter-dropdown-trigger:hover,
.filter-dropdown-menu .filter-option:hover {
    background: var(--td-card-hover);
}

.about-faq-header.active,
.fav-acc-header.active {
    background: var(--td-accent-soft);
    border-bottom-color: var(--td-accent-border);
}

.about-faq-header.active .about-faq-title,
.about-faq-header.active .about-faq-chevron,
.fav-acc-header.active .fav-acc-title,
.fav-acc-header.active .fav-acc-chevron,
.pl-library-btn,
.filter-dropdown-menu .filter-option.active,
.cat-label,
.post-box .post-comments li .comment-info .name h6 {
    color: var(--td-accent);
}

.pl-library-btn {
    background: var(--td-accent-soft);
    border-color: var(--td-accent-border);
}

.pl-library-btn:hover {
    color: #ffffff;
    background: var(--td-accent);
}

.preloader {
    background: var(--td-bg);
}

.preloader .spinner .double-bounce1,
.preloader .spinner .double-bounce2,
.preloader-loading-bar-fill {
    background: var(--td-accent);
}