/* Four coordinated palettes. Golden is the first-visit default. */
:root,:root[data-theme="golden"]{--navy:#252319;--navy2:#3c3828;--teal:#855b18;--teal-light:#f6edda;--bg:#f8f6f0;--ink:#302c22;--muted:#726958;--line:#e8e0d0;--accent-bright:#edcc83;--accent-hover:#67430e;--on-dark:#d9d0bb;--active-bg:#494029;--surface-soft:#fbf8ef;--focus:#a57120;--shadow:0 3px 16px #3b301108}
:root[data-theme="earth"]{--navy:#24382e;--navy2:#354c3d;--teal:#426448;--teal-light:#e8efe1;--bg:#f3f3eb;--ink:#29392e;--muted:#637060;--line:#dce2d4;--accent-bright:#c6d6aa;--accent-hover:#304d35;--on-dark:#d3dccb;--active-bg:#415c42;--surface-soft:#f4f7ef;--focus:#587a45;--shadow:0 3px 16px #233b2508}
:root[data-theme="blue"]{--navy:#102b49;--navy2:#1c4165;--teal:#1f6093;--teal-light:#e4eff9;--bg:#f2f6fb;--ink:#203750;--muted:#5e7084;--line:#dbe5ef;--accent-bright:#9ed0f7;--accent-hover:#164872;--on-dark:#c8d9eb;--active-bg:#224d73;--surface-soft:#f0f6fc;--focus:#286d9f;--shadow:0 3px 16px #153b6008}
:root[data-theme="neutral"]{--navy:#272a30;--navy2:#3a3f46;--teal:#515b69;--teal-light:#eceef1;--bg:#f5f6f7;--ink:#2c323a;--muted:#69717c;--line:#e0e3e8;--accent-bright:#e0e5ec;--accent-hover:#3c4552;--on-dark:#d0d5de;--active-bg:#464e59;--surface-soft:#f5f6f8;--focus:#5a677b;--shadow:0 3px 16px #17233108}
.sidebar{background:linear-gradient(155deg,var(--navy2),var(--navy) 45%);color:var(--on-dark)}
.nav-item,.user-btn{color:var(--on-dark)}
.nav-item.active{background:var(--active-bg);color:var(--accent-bright);box-shadow:inset 3px 0 var(--accent-bright)}
.nav-item .count,.avatar{background:var(--navy2)}
.brand small,.nav-label{color:var(--on-dark)}
.side-note{border-color:var(--navy2)}
.sidebar .muted{color:var(--on-dark)}
.topbar{height:auto;min-height:76px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap;row-gap:10px;border-top:3px solid var(--teal)}
.top-actions{gap:12px;flex-wrap:wrap;justify-content:flex-end;min-width:0}
.theme-picker{display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface-soft);flex-shrink:0}
.theme-dot{width:10px;height:10px;flex:none;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px var(--teal-light)}
.theme-picker>select{width:auto;max-width:126px;margin:0;padding:7px 4px;min-height:34px;border:0;background:transparent;font-size:12px;cursor:pointer}
.hero{background:radial-gradient(ellipse at top left,var(--navy2),transparent 80%),var(--navy);box-shadow:var(--shadow)}
.hero .eyebrow{color:var(--accent-bright);letter-spacing:2px}
.hero p,.metric-result p{color:var(--on-dark)}
.stat,.panel,.program-tile,.course-card,.month-card{box-shadow:var(--shadow)}
.stat-icon,.btn:hover,.tag,.receipt{background:var(--surface-soft)}
.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.program-tile:hover{border-color:var(--teal)}
.training-note{background:var(--teal-light);border-color:var(--line)}
.training-note p,.learning-point p{color:var(--muted)}
.date-square{border-color:var(--line);background:var(--surface-soft)}
.flow-card .gate{border-color:var(--teal);color:var(--ink);background:var(--surface-soft)}
.quiz-option:has(input:checked){background:var(--teal-light)}
.progress>span{background:var(--teal)}
.metric-result hr{border-color:var(--navy2)}
input,select,textarea{border-color:var(--line)}
th{color:var(--muted);background:var(--surface-soft)}
.course-row{border-color:var(--line)}
footer{color:var(--muted)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--focus)}
.values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px}
.value-card{padding:25px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow)}
.value-card .eyebrow{color:var(--teal);display:block;margin-bottom:12px}
.value-card h2{font-size:25px;line-height:1.3;max-width:26ch}
.value-card p{color:var(--muted);margin-bottom:0}
.value-card.featured{background:var(--navy);color:#fff;border-color:var(--navy)}
.value-card.featured .eyebrow{color:var(--accent-bright)}
.value-card.featured p{color:var(--on-dark)}
.company-links{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 20px}
.principle-list{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px;margin:0;padding:0;list-style:none}
.principle-list li{border-left:3px solid var(--teal);padding-left:13px}
.principle-list p{font-size:14px;color:var(--muted);margin:5px 0 0}
.sop-steps{counter-reset:sop;margin:0;padding:0;list-style:none}
.sop-steps li{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:19px 0;border-bottom:1px solid var(--line);break-inside:avoid}
.sop-steps li:before{counter-increment:sop;content:counter(sop,decimal-leading-zero);width:34px;height:34px;background:var(--teal-light);color:var(--teal);border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:700}
.sop-steps li:last-child{border-bottom:0}
.sop-steps p{margin:0;color:var(--muted);font-size:14px}
.sop-steps h3{margin-bottom:6px}
@media(max-width:1150px){.top-search{display:none}.top-actions{gap:8px}}
@media(max-width:760px){.topbar{min-height:70px;padding:10px 18px}.top-actions{margin-left:auto}.theme-picker>select{max-width:105px}.values-grid,.principle-list{grid-template-columns:1fr}.value-card{padding:21px}.value-card h2{font-size:23px}}
@media(max-width:460px){.topbar{gap:8px}.topbar .crumb{width:100%}.top-actions{width:100%;justify-content:space-between;gap:6px}.top-actions>.btn{padding:6px 8px;font-size:11px}.lang-switch button{padding:5px 6px}.theme-picker{padding:0 7px}}
@media print{.theme-picker{display:none}.value-card,.value-card.featured{color:#000;background:#fff;box-shadow:none}.value-card p,.value-card .eyebrow{color:#333}.values-grid{display:block}.value-card{margin-bottom:12px;break-inside:avoid}}