/* O-Color shared identity · 色彩覺察 uses a sage and warm-white palette. */
:root,body.home-intro,body.inner-page{--ink:#283e35;--muted:#596b61;--paper:#f8f8f2;--deep:#355b48;--lime:#bcd69d;--lime-soft:#e3ecd7;--soft:#edf3e7;--line:#dce4d8}
body{background:var(--paper)}
body header,body.home-intro header{background:rgba(250,251,246,.96)}
.brand{gap:11px;flex-shrink:0}
.brand .brand-mark{width:62px;height:62px;flex:none;background:url('ocolor-shared-logo.avif') center/contain no-repeat}
.brand .brand-label{display:flex;flex-direction:column;gap:4px;line-height:1.15}
.brand .brand-label strong{font:700 23px/1.15 "Noto Sans TC","Microsoft JhengHei",sans-serif;letter-spacing:.025em}
.brand .brand-label small{font-size:12px;font-weight:500;letter-spacing:.15em;color:#516d5c}
body .nav-links .nav-cta{background:#355b48}
.home-intro .intro-hero{background:radial-gradient(ellipse at 86% 15%,#edf3da,transparent 68%),linear-gradient(130deg,#d6e6d0,#e6eee1 58%,#f5f4e9);color:var(--ink)}
.home-intro .intro-hero h1{color:#2d4b3b}
.home-intro .intro-hero .lead{color:#475f50}
.home-intro .intro-hero .button{background:#355b48;color:#fff;border-color:#355b48}
.home-intro .intro-hero .button:hover{background:#294b39}
.home-intro .hero-color-panel{background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.7);border-radius:100px 16px 100px 16px}
.home-intro .intro-credentials{background:#f5f7ef}
.home-intro .audience-grid>div:first-child{background:linear-gradient(140deg,#dae7ce,#ecf1e3)}
.home-intro .audience .kicker[style]{color:#516d48!important}
.home-intro .moment span{color:#648151}
.home-intro .method-head>p{background:linear-gradient(145deg,#e0e9db,#f0f4e8);color:#405a46}
.home-intro .awareness-note,.home-intro .notice{background:#edf2e7}
.home-intro .home-founder-photo{background:linear-gradient(150deg,#dce7d6,#f2f5ec)}
.home-intro .home-difference{background:linear-gradient(145deg,#f0f4ea,#fafbf6)}
.home-entry-card{background:linear-gradient(145deg,#e9f0e2,#fbfcf7)}
.home-entry-card.course-entry,.home-intro .home-purpose{background:linear-gradient(145deg,#f2eee0,#faf8f0)}
.home-intro .contact-box{background:linear-gradient(135deg,#355b48,#516e58)}
.home-intro .contact-box .button[style]{color:#355b48!important}
body.inner-page{--tone:#46654f;--tone-light:#e6ecdf;--tone-soft:#f1f5eb;--tone-gradient:linear-gradient(135deg,#dce9d3,#eff3e7);--hero-ink:#2e4937}
body.inner-page.tone-teal{--tone-gradient:linear-gradient(135deg,#d4e7de,#eff4e9)}
body.inner-page.tone-rose,body.inner-page.tone-apricot{--tone-gradient:linear-gradient(135deg,#e4e9d3,#f5f2e5)}
body.inner-page .page-hero h1{color:var(--hero-ink)}
body.inner-page .section.deep{background:#355b48;color:white}
body.inner-page .section.deep p,body.inner-page .section.deep .kicker{color:#edf3e6}
body footer,body.home-intro footer{background:#f0f4e9;color:#526453}
footer .shell{align-items:center;flex-wrap:wrap}
footer .brand .brand-mark{width:52px;height:52px}
footer .brand .brand-label strong{font-size:20px}
@media(min-width:1081px){.nav-links{gap:16px}.nav-links a{font-size:14px}}
@media(max-width:620px){.brand .brand-mark{width:50px;height:50px}.brand .brand-label strong{font-size:21px}.brand .brand-label small{font-size:11px}.home-intro .hero-color-panel{border-radius:72px 12px 72px 12px}footer .shell{align-items:flex-start}}
/* Keep text readable when formerly dark sections use the light brand palette. */
body.inner-page .section.deep,
body.inner-page:not(.resources-page) .section.deep{
  background:#e5eee0;
  color:#283e35;
}
body.inner-page .section.deep :is(h2,h3,p,.kicker,.section-head p,.course-card a,.topic-list p){color:#283e35}
body.inner-page .section.deep .kicker[style]{color:#405d48!important}
body.inner-page .section.deep .card,
body.inner-page .section.deep .feature{background:#f7faf3;border-color:#cbd8c5}
body.inner-page .section.deep .course-card .tag{background:#dce9d3;color:#304c39}
body.inner-page .section.deep .course-card a:hover{color:#284b35;text-decoration:underline}
body.inner-page .section.deep .topic-list article{border-color:#cbd8c5}
body.inner-page .page-hero .email-address{color:#2e4937;border-color:#829a7b;background:rgba(255,255,255,.5)}
body.inner-page .page-hero .copy-status{color:#2e4937}