/* RentScale Website — Dark Theme Overrides Applied via on dark-index.html */ html.theme-dark { color-scheme: dark; /* Surfaces */ --background: #0f172a; --surface: #111c2f; --surface-raised: #17233a; --surface-blue-gray: #152030; --border-soft: rgba(255, 255, 255, 0.08); --border-medium: rgba(255, 255, 255, 0.14); /* Text */ --text-primary: #f8fafc; --text-secondary: #cbd5e1; --text-muted: #94a3b8; /* Dark-mode link accent */ --link-accent: #7ddfff; /* Gradients */ --gradient-panel: linear-gradient(145deg, rgba(23, 35, 58, 0.96), rgba(17, 28, 47, 0.88)); --gradient-section: linear-gradient(160deg, #0f172a 0%, #111c2f 45%, #152030 100%); /* Shadows (clay — dark) */ --shadow-clay-sm: 0 6px 14px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.05); --shadow-clay-md: 0 14px 30px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.06); --shadow-clay-lg: 0 24px 60px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.07); } /* ─── Global ─── */ html.theme-dark a { color: var(--link-accent); } html.theme-dark a:hover { color: var(--brand-bright-blue); } html.theme-dark .eyebrow { color: var(--brand-bright-blue); } html.theme-dark .hero__content .display span { color: var(--brand-bright-blue); } /* ─── Header ─── */ html.theme-dark .site-header { background: rgba(17, 28, 47, 0.88); border-bottom-color: var(--border-soft); } html.theme-dark a.logo { color: var(--text-primary); } html.theme-dark a.logo:hover { color: var(--text-primary); } /* ─── Section glows ─── */ html.theme-dark .section--gradient::before { background: radial-gradient(ellipse 70% 50% at 90% 10%, rgba(0, 174, 239, 0.12), transparent 60%); } html.theme-dark .hero::before { background: radial-gradient(ellipse 80% 60% at 85% 30%, rgba(0, 174, 239, 0.14), transparent 70%); } html.theme-dark .cta-band::before { background: radial-gradient(ellipse 60% 80% at 50% 100%, rgba(0, 174, 239, 0.1), transparent 60%); } /* ─── Hero badge ─── */ html.theme-dark .hero-audience__tab { color: var(--text-secondary); } html.theme-dark .hero-audience__tab:hover { color: var(--text-primary); } html.theme-dark .hero__highlight { color: var(--brand-bright-blue); } html.theme-dark .hero__headline { color: var(--text-primary); } /* ─── Buttons ─── */ html.theme-dark .btn--secondary { background: var(--surface-raised); color: var(--link-accent); border-color: var(--border-medium); } html.theme-dark .btn--secondary:hover { background: rgba(0, 174, 239, 0.08); color: var(--brand-bright-blue); } /* ─── Cards ─── */ html.theme-dark .card--stat .stat-number, html.theme-dark .odometer { color: var(--brand-bright-blue); } html.theme-dark .card--pillar::before { background: radial-gradient(circle, rgba(0, 174, 239, 0.1), transparent 70%); } html.theme-dark .community-stat strong { color: var(--brand-bright-blue); } html.theme-dark .community-split__divider { background: rgba(96, 165, 250, 0.18); } html.theme-dark .community-split__title { color: var(--text-primary); } html.theme-dark .community-split__note strong { color: var(--brand-bright-blue); } html.theme-dark .scaleclub-members-stay::after { background: linear-gradient( 165deg, rgba(10, 22, 42, 0.8) 0%, rgba(13, 32, 58, 0.74) 48%, rgba(10, 22, 42, 0.8) 100% ); } html.theme-dark .scaleclub-members-stay::before { opacity: 0.46; } html.theme-dark .scaleclub-members-stay .diagnostic-card { background: linear-gradient(145deg, rgba(21, 32, 48, 0.96), rgba(17, 28, 47, 0.94)); border-color: rgba(96, 165, 250, 0.14); } html.theme-dark .testimonial-carousel__control { color: var(--brand-bright-blue); } html.theme-dark .testimonial-carousel__avatar span { color: var(--brand-bright-blue); } html.theme-dark .youtube-embed__play { background: rgba(255, 255, 255, 0.23); } html.theme-dark .diagnostic-compare__col { background: rgba(21, 32, 48, 0.6); } html.theme-dark .diagnostic-compare__col--after { background: linear-gradient(145deg, rgba(21, 32, 48, 0.95), rgba(17, 28, 47, 0.98)); } html.theme-dark .growth-system__step { background: rgba(21, 32, 48, 0.6); } html.theme-dark .diagnostic-highlight { background: rgba(0, 174, 239, 0.12); } html.theme-dark .top-performer-callout { background: transparent; border-color: rgba(229, 157, 198, 0.45); color: var(--brand-pink); } html.theme-dark .top-performer-touches { background: linear-gradient(145deg, rgba(21, 32, 48, 0.95), rgba(17, 28, 47, 0.98)); } html.theme-dark .top-performer-touches__num { color: var(--brand-bright-blue); } html.theme-dark .top-performer-tier { background: rgba(21, 32, 48, 0.6); } html.theme-dark .top-performer-tier--featured { background: linear-gradient(145deg, rgba(21, 32, 48, 0.95), rgba(17, 28, 47, 0.98)); } html.theme-dark .top-performer-cost-panel, html.theme-dark .top-performer-proof-card, html.theme-dark .top-performer-process__step { background: linear-gradient(145deg, rgba(21, 32, 48, 0.95), rgba(17, 28, 47, 0.98)); } html.theme-dark .top-performer-guarantee { background: rgba(17, 28, 47, 0.85); } html.theme-dark .bdm-dev-callout { background: transparent; border-color: rgba(0, 174, 239, 0.4); color: var(--brand-bright-blue); } html.theme-dark .bdm-dev-pillar, html.theme-dark .bdm-dev-community__col { background: linear-gradient(145deg, rgba(21, 32, 48, 0.95), rgba(17, 28, 47, 0.98)); } html.theme-dark .bdm-dev-sequence { background: rgba(17, 28, 47, 0.85); } html.theme-dark .scaleclub-pricing__card, html.theme-dark .scaleclub-execution__side, html.theme-dark .scaleclub-roles__node { background: linear-gradient(145deg, rgba(21, 32, 48, 0.95), rgba(17, 28, 47, 0.98)); } html.theme-dark .scaleclub-pricing__card--plus, html.theme-dark .scaleclub-execution__side--after, html.theme-dark .scaleclub-roles__destination { background: linear-gradient(145deg, rgba(21, 32, 48, 0.98), rgba(17, 28, 47, 1)); border-color: rgba(0, 174, 239, 0.35); } html.theme-dark .scaleclub-testimonial__layout { background: linear-gradient(145deg, rgba(21, 32, 48, 0.95), rgba(17, 28, 47, 0.98)); } /* ─── Photo placeholders ─── */ html.theme-dark .photo-placeholder { background: linear-gradient(145deg, rgba(21, 32, 48, 0.95), rgba(17, 28, 47, 0.98)), repeating-linear-gradient( -45deg, transparent, transparent 8px, rgba(255, 255, 255, 0.015) 8px, rgba(255, 255, 255, 0.015) 9px ); } html.theme-dark .photo-placeholder::before { background: radial-gradient(circle, rgba(229, 157, 198, 0.08), transparent 70%); } html.theme-dark .photo-placeholder::after { background: radial-gradient(circle, rgba(0, 174, 239, 0.12), transparent 70%); } /* ─── Icons ─── */ html.theme-dark .icon-wrap { background: rgba(0, 174, 239, 0.1); border-color: var(--border-soft); } html.theme-dark .card--pillar:hover .icon-wrap { background: rgba(0, 174, 239, 0.16); } /* ─── Community panel top accent ─── */ html.theme-dark .community-panel::before { opacity: 0.9; } /* ─── Theme compare bar ─── */ .theme-compare { background: var(--surface-raised); border-bottom: 1px solid var(--border-soft); padding: 0.5rem 0; font-family: 'Montserrat', sans-serif; font-size: 0.75rem; color: var(--text-muted); text-align: center; } .theme-compare a { font-weight: 600; color: var(--link-accent); } .theme-compare a:hover { color: var(--brand-bright-blue); } .theme-compare--light { background: #eef4fa; border-bottom: 1px solid rgba(0, 97, 176, 0.10); color: #6b7280; } .theme-compare--light a { color: #0061b0; } .theme-compare--light a:hover { color: #00aeef; } html.theme-dark .nav__links .nav__link { color: var(--text-primary); } html.theme-dark .nav__links .nav__link:hover, html.theme-dark .nav__links .nav__link.is-active { color: var(--brand-pink); } html.theme-dark .nav__dropdown { background: var(--gradient-panel); border-color: var(--border-soft); } html.theme-dark .nav__dropdown a { color: var(--text-secondary); } html.theme-dark .nav__dropdown a:hover, html.theme-dark .nav__dropdown a.is-active { color: var(--text-primary); background: rgba(0, 174, 239, 0.12); } html.theme-dark .nav__dropdown-card:hover, html.theme-dark .nav__dropdown-card.is-active { background: rgba(0, 174, 239, 0.12); border-color: var(--border-soft); } html.theme-dark .nav__dropdown-title { color: var(--text-primary); } html.theme-dark .nav__dropdown-subtitle { color: var(--text-muted); } html.theme-dark .service-link-card span, html.theme-dark .learn-card__cta--read { color: var(--link-accent); } html.theme-dark .learn-tabs a.is-active, html.theme-dark .learn-tabs a:hover { color: var(--link-accent); } /* ─── Growth Path (dark) ─── */ html.theme-dark .growth-path { --growth-highlight-bg: rgba(0, 174, 239, 0.14); --growth-dim-opacity: 0.38; } html.theme-dark .growth-path__selector { color: var(--text-primary); } html.theme-dark .growth-path__selector:hover, html.theme-dark .growth-path__selector:focus-visible, html.theme-dark .growth-path__selector.is-active { color: var(--text-primary); } html.theme-dark .growth-path__selector-title, html.theme-dark .growth-path__table-title, html.theme-dark .growth-path__feature-header, html.theme-dark .growth-path__feature { color: var(--text-primary); } html.theme-dark .growth-path__selector:not(:hover):not(:focus-within):not(.is-active) .growth-path__selector-cta.btn--primary { background: var(--surface-blue-gray); color: var(--text-muted); border: 1px solid var(--border-soft); box-shadow: var(--shadow-clay-sm); } html.theme-dark .growth-path__selector:hover .growth-path__selector-title, html.theme-dark .growth-path__selector:focus-visible .growth-path__selector-title, html.theme-dark .growth-path__selector.is-active .growth-path__selector-title { color: var(--brand-pink); } html.theme-dark .growth-path__row--best-for .growth-path__cell.is-column-active { color: var(--brand-bright-blue); } html.theme-dark .growth-path__feature-header, html.theme-dark .growth-path__feature { box-shadow: 4px 0 12px -4px rgba(0, 0, 0, 0.35); } html.theme-dark .growth-path__info { color: var(--brand-bright-blue); } html.theme-dark .growth-path__tooltip { background: var(--surface-raised); color: var(--text-secondary); } html.theme-dark .growth-path [data-column].is-column-active:not(.growth-path__feature):not(.growth-path__feature-header):not(.growth-path__col-header) { background: rgba(0, 174, 239, 0.12); box-shadow: inset 0 0 0 1px rgba(0, 174, 239, 0.28); } /* ─── Mobile nav (dark) ─── */ @media (max-width: 767px) { html.theme-dark .nav.is-open .nav__links, html.theme-dark .nav.is-open .nav__actions { background: var(--surface); border-bottom-color: var(--border-soft); } } /* ─── CLOZR (dark theme) ─── */ html.theme-dark .clozr-standards__col, html.theme-dark .clozr-feature, html.theme-dark .clozr-not-card, html.theme-dark .clozr-vs__col { background: linear-gradient(145deg, rgba(21, 32, 48, 0.95), rgba(17, 28, 47, 0.98)); } html.theme-dark .clozr-standards__col--quotes { background: rgba(21, 32, 48, 0.6); } html.theme-dark .clozr-process__step { background: rgba(21, 32, 48, 0.6); } html.theme-dark .clozr-wordmark { color: #f3f4f6; } /* ─── About (dark theme) ─── */ html.theme-dark .about-hero__title, html.theme-dark .about-team-member__name, html.theme-dark .about-implementation__title { color: #f3f4f6; } html.theme-dark .about-panel { background: linear-gradient(145deg, rgba(21, 32, 48, 0.95), rgba(17, 28, 47, 0.98)); border-color: var(--border-soft); } html.theme-dark .about-team-member__initials { color: #dbeafe; } html.theme-dark .about-team-member__photo { border-color: rgba(96, 165, 250, 0.28); background: linear-gradient(145deg, rgba(0, 174, 239, 0.16), rgba(229, 157, 198, 0.14)); } html.theme-dark .about-team-member__role { color: var(--link-accent); } html.theme-dark .about-team-member__synopsis { color: var(--text-muted); } html.theme-dark .about-team-principals { border-color: var(--border-medium); } /* Scoreboard landing page keeps its own palette inside .scoreboard-page */ html.theme-dark .scoreboard-page { color: var(--navy, #0b1a2e); background: var(--navy-deep, #060f1c); } html.theme-dark .scoreboard-page h1, html.theme-dark .scoreboard-page h2, html.theme-dark .scoreboard-page h3, html.theme-dark .scoreboard-page h4 { color: var(--navy, #0b1a2e); } html.theme-dark .scoreboard-page .hero h1, html.theme-dark .scoreboard-page .hero h2, html.theme-dark .scoreboard-page .hero h3, html.theme-dark .scoreboard-page .hero h4, html.theme-dark .scoreboard-page .reveal h2, html.theme-dark .scoreboard-page .reveal h3, html.theme-dark .scoreboard-page .feature-item h3, html.theme-dark .scoreboard-page .more h2, html.theme-dark .scoreboard-page .final-cta h2, html.theme-dark .scoreboard-page .story-section:not(:nth-child(even)) .story-section__content h2 { color: var(--white, #ffffff); } html.theme-dark .scoreboard-page .story-section:not(:nth-child(even)) .story-section__content p { color: rgba(255, 255, 255, 0.78); } html.theme-dark .scoreboard-page .story-section:nth-child(even) .story-section__content h2, html.theme-dark .scoreboard-page .problem h2, html.theme-dark .scoreboard-page .fomo h2, html.theme-dark .scoreboard-page .audience h2, html.theme-dark .scoreboard-page .audience .card h3 { color: var(--navy, #0b1a2e); } html.theme-dark .scoreboard-page .eyebrow { color: var(--cyan, #00c8f0); } html.theme-dark .scoreboard-page .eyebrow--pink { color: var(--pink, #f1a1d4); } html.theme-dark .three-x-roi-guarantee__step-num { color: var(--link-accent); } html.theme-dark .three-x-roi-guarantee__steps-control { color: var(--link-accent); } html.theme-dark .diagnostic-final-cta .three-x-roi-guarantee__link { color: var(--link-accent); } html.theme-dark .diagnostic-final-cta .three-x-roi-guarantee__link:hover { color: var(--brand-bright-blue); }