:root {
            --bg-dark: #0f2c2c;
            --bg-card: #1e3e3e;
            --accent: #f4a261;
            --accent-light: #f5b17a;
            --text-light: #e6f7f7;
            --text-muted: #b2d8d8;
            --border-color: #2f5a5a;
        }
        body {
            background: var(--bg-dark);
            color: var(--text-light);
        }
        .header {
            border-bottom-color: var(--border-color);
        }
        .brand-logo {
            background: var(--accent);
            color: var(--bg-dark);
        }
        .brand-main, .brand-sub {
            color: var(--text-light);
        }
        .brand-sub {
            color: var(--text-muted);
        }
        .header-badge {
            background: #1e3e3e;
            color: var(--accent);
            border-color: var(--accent);
        }
        .hero-label {
            background: #1e3e3e;
            color: var(--accent);
        }
        .hero-title {
            background: linear-gradient(135deg, var(--text-light), var(--accent));
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
        .hero-text {
            color: var(--text-muted);
        }
        .hero-card {
            background: #1e3e3e;
            border-color: var(--border-color);
        }
        .hero-card-label {
            color: var(--text-muted);
        }
        .hero-card-value {
            color: var(--text-light);
        }
        .section {
            border-top-color: var(--border-color);
        }
        .section-title {
            color: var(--accent);
        }
        .section-sub {
            color: var(--text-muted);
        }
        .card {
            background: var(--bg-card);
            border-color: var(--border-color);
        }
        .card:hover {
            border-color: var(--accent);
        }
        .card-kicker {
            color: var(--accent);
        }
        .card-title {
            color: var(--text-light);
        }
        .card p, .card li {
            color: var(--text-muted);
        }
        .card li::before {
            color: var(--accent);
        }
        footer {
            border-top-color: var(--border-color);
        }
        .footer-title {
            color: var(--accent);
        }
        .footer-cols p {
            color: var(--text-muted);
        }
        #age-overlay {
            background: rgba(8, 28, 28, 0.98);
        }
        #age-card {
            background: var(--bg-card);
            border-color: var(--accent);
        }
        #age-pill {
            background: #1e3e3e;
            color: var(--accent);
        }
        #age-overlay-heading {
            color: var(--text-light);
        }
        #age-text {
            color: var(--text-muted);
        }
        #age-ok {
            background: var(--accent);
            color: var(--bg-dark);
        }
        #age-ok:hover {
            background: var(--accent-light);
        }
        #age-note {
            color: var(--text-muted);
        }
        /* adjust any remaining elements */
        .header-badge, .brand-logo {
            transition: 0.2s;
        }
        .card {
            transition: transform 0.2s ease, box-shadow 0.2s, border-color 0.2s;
        }
        .hero-card {
            transition: 0.2s;
        }