/* =====================================================
   RESUME — Light theme
   Applied when <html> has the .light class (see
   resume.js). Scoped to screen so print keeps its own
   dedicated styles from resume.css.
   ===================================================== */

@media screen {
    html.light body {
        background-color: #f2f0ea;
        background-image:
            radial-gradient(1100px 520px at 82% -8%, rgba(51, 64, 73, 0.06), transparent 62%),
            radial-gradient(900px 480px at -12% 30%, rgba(159, 179, 189, 0.12), transparent 58%),
            radial-gradient(760px 520px at 50% 108%, rgba(159, 81, 72, 0.05), transparent 60%);
        color: #2c3338;
    }

    html.light ::selection {
        background: rgba(51, 64, 73, 0.22);
        color: #101214;
    }

    html.light a {
        color: #3d6274;
    }

    html.light a:hover {
        color: #101214;
        text-shadow: none;
    }

    html.light .topbar-home {
        color: #55606a;
    }

    html.light .lang-switch span {
        color: #101214;
        background: rgba(51, 64, 73, 0.14);
    }

    html.light .lang-switch a {
        color: #8a744a;
    }

    html.light .theme-toggle {
        border-color: rgba(16, 18, 20, 0.16);
        color: #8a744a;
    }

    html.light .theme-toggle:hover {
        border-color: rgba(51, 64, 73, 0.4);
        box-shadow: 0 0 12px rgba(51, 64, 73, 0.18);
    }

    html.light .print-btn {
        border-color: rgba(16, 18, 20, 0.16);
        color: #44525b;
    }

    html.light .print-btn:hover {
        border-color: rgba(51, 64, 73, 0.4);
        color: #101214;
        box-shadow: 0 0 12px rgba(51, 64, 73, 0.18);
    }

    html.light .headline {
        color: #4a6472;
    }

    html.light .kicker {
        color: #8a744a;
    }

    html.light .masthead h1 {
        color: #101214;
    }

    html.light .masthead .creds {
        color: #44525b;
    }

    html.light .masthead .creds strong {
        color: #8a744a;
    }

    html.light .contact li {
        color: rgba(16, 18, 20, 0.62);
    }

    html.light .stats {
        border-top-color: rgba(16, 18, 20, 0.12);
        border-bottom-color: rgba(16, 18, 20, 0.12);
    }

    html.light .stat {
        background: rgba(255, 255, 255, 0.72);
        border-color: rgba(16, 18, 20, 0.1);
    }

    html.light .stat:hover {
        border-color: rgba(51, 64, 73, 0.38);
        box-shadow: 0 0 24px rgba(51, 64, 73, 0.12);
    }

    html.light .stat-number {
        color: #8a744a;
        text-shadow: none;
    }

    html.light .stat-label {
        color: #55606a;
    }

    html.light h2 {
        color: #55606a;
    }

    html.light h2::after {
        background: rgba(16, 18, 20, 0.12);
    }

    html.light h2 .count {
        color: #8a744a;
    }

    html.light .objective {
        background: linear-gradient(135deg, rgba(159, 81, 72, 0.07), transparent);
        color: #24292d;
    }

    html.light .objective strong {
        color: #101214;
    }

    html.light .seg-b { background: #97a9b2; }
    html.light .seg-c { background: #b06a60; }
    html.light .seg-d { background: #6d828e; }
    html.light .seg-e { background: #b9a375; }

    html.light .seg-f {
        background: #8a744a;
        box-shadow: none;
    }

    html.light .strip-scale {
        color: #8a744a;
    }

    html.light .strip-legend {
        color: #55606a;
    }

    html.light .jobs {
        border-left-color: rgba(16, 18, 20, 0.14);
    }

    html.light .job::before {
        background: #f2f0ea;
        border-color: #44525b;
        box-shadow: none;
    }

    html.light .job h3 {
        color: #101214;
    }

    html.light .job-company {
        color: #44525b;
    }

    html.light .job-period,
    html.light .edu-period,
    html.light .vol-period {
        color: #8a744a;
    }

    html.light .value-chip {
        border-color: rgba(138, 116, 74, 0.55);
        background: rgba(138, 116, 74, 0.08);
        color: #6b5d3f;
        text-shadow: none;
    }

    html.light .job p,
    html.light .job ul {
        color: #2c3338;
    }

    html.light .job ul li::before {
        background: rgba(51, 64, 73, 0.55);
    }

    html.light .tags span {
        background: rgba(51, 64, 73, 0.1);
        color: #44525b;
    }

    html.light .tags span:hover {
        background: rgba(51, 64, 73, 0.2);
        color: #101214;
        box-shadow: 0 0 12px rgba(51, 64, 73, 0.14);
    }

    html.light .skill-group h3 {
        color: #8a744a;
    }

    html.light .pills li {
        background: rgba(51, 64, 73, 0.08);
        border-color: rgba(16, 18, 20, 0.08);
        color: #2c3338;
    }

    html.light .pills li:hover {
        background: rgba(51, 64, 73, 0.16);
        color: #101214;
        box-shadow: 0 0 12px rgba(51, 64, 73, 0.14);
    }

    html.light .cert-list li,
    html.light .edu-list li,
    html.light .vol-list li {
        border-bottom-color: rgba(16, 18, 20, 0.08);
    }

    html.light .cert-name,
    html.light .edu-name,
    html.light .vol-name,
    html.light .lang-name {
        color: #1c2124;
    }

    html.light .cert-issuer,
    html.light .edu-school,
    html.light .vol-org {
        color: #4a6472;
    }

    html.light .lang-level {
        color: #8a744a;
    }

    html.light .lang-bar {
        background: rgba(16, 18, 20, 0.1);
    }

    html.light .lang-bar i {
        background: #44525b;
        box-shadow: none;
    }

}