/* 廣佶達共用色系 2026-09-12。品牌主色固定 #008CC9。 */
:root {
  --gjd-brand: #008CC9;
  --gjd-brand-deep: #00658F;
  --gjd-on-brand: #001C29;
  --gjd-white: #FFFFFF;
  --gjd-ink: #143447;
  --gjd-muted: #546E7D;
  --gjd-page: #F4FAFD;
  --gjd-pale: #EAF7FD;
  --gjd-line: #D4E7F1;
  --gjd-danger: #B42318;
  --gjd-danger-pale: #FFF3F1;
  --brand: var(--gjd-brand);
  --blue: var(--gjd-brand);
  --blue-deep: var(--gjd-brand-deep);
  --deep: var(--gjd-brand-deep);
  --gold: var(--gjd-brand);
  --accent: var(--gjd-brand);
  --accent-deep: var(--gjd-brand-deep);
  --ink: var(--gjd-ink);
  --txt: var(--gjd-ink);
  --text: var(--gjd-ink);
  --muted: var(--gjd-muted);
  --sub: var(--gjd-muted);
  --line: var(--gjd-line);
  --tint: var(--gjd-pale);
  --pale: var(--gjd-pale);
  --bg: var(--gjd-page);
  --bg-elev: var(--gjd-white);
  --surface: var(--gjd-pale);
  --surface-deep: var(--gjd-line);
  --paper: var(--gjd-white);
  --white: var(--gjd-white);
  --clay: var(--gjd-danger);
}
body { color:var(--gjd-ink); }
::selection { background:var(--gjd-brand); color:var(--gjd-on-brand); }
input[type=checkbox],input[type=radio],input[type=range] { accent-color:var(--gjd-brand); }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible { outline-color:var(--gjd-brand-deep); }
a,.text-link,.text-button,.link-button,.eyebrow,.back-link { color:var(--gjd-brand-deep); }
.btn.primary,.primary,.button,
body:has(.content-shell) .btn:not(.ghost):not(.warn) {
  background:var(--gjd-brand); border-color:var(--gjd-brand); color:var(--gjd-on-brand); font-weight:700;
}
.btn.primary:hover,.primary:hover,.button:hover,
body:has(.content-shell) .btn:not(.ghost):not(.warn):hover {
  background:var(--gjd-brand-deep); border-color:var(--gjd-brand-deep); color:var(--gjd-white);
}
.button.white { background:var(--gjd-white); color:var(--gjd-brand-deep); border-color:var(--gjd-white); }
.btn.ghost,.secondary { background:var(--gjd-white); border-color:var(--gjd-line); color:var(--gjd-brand-deep); }
.btn.ghost:hover,.secondary:hover { background:var(--gjd-pale); color:var(--gjd-brand-deep); }
.preview-bar,.preview-strip,.profile-panel,.memory-intro,.memory-panel .memory-summary,
.plan-summary,.plan[aria-pressed=true],.intro-mascot p,.summary-card.action,
.side-nav .active,.tcard.on,.detail-tabs .on,.detail-tabs [aria-selected=true] {
  background-color:var(--gjd-pale); color:var(--gjd-ink); border-color:var(--gjd-line);
}
.side-nav .active,.tcard.on { color:var(--gjd-brand-deep); }
.summary-card.action,.stat.featured,.plan[aria-pressed=true],.plan-summary,.vault-state { border-color:var(--gjd-brand); }
.brand-logo,.brand-mark,.product-hero figcaption,.community-panel,.welcome-picture { background-color:var(--gjd-brand); }
.product-hero figcaption,.community-panel,.community-panel h2,.community-panel h3,.community-panel p { color:var(--gjd-on-brand); }
.choice input:checked+span,.plan[aria-pressed=true] .select-plan,#cart-count { background:var(--gjd-brand); border-color:var(--gjd-brand); color:var(--gjd-on-brand); }
.plan-name,.plan .price,.product-hero h1,.console-title h1 { color:var(--gjd-ink); }
.plan-rule { background:var(--gjd-line); }
.wordmark,.brand-link,.brand,.side-nav button:hover { color:var(--gjd-brand-deep); }
.tag.amber,#dVip.gold,#dVip.green { background:var(--gjd-pale); color:var(--gjd-brand-deep); border-color:var(--gjd-line); }
.prow .pi.cost { background:var(--gjd-pale); border-color:var(--gjd-brand); color:var(--gjd-ink); }
.phead,.s3tbl thead,.application-review { background:var(--gjd-pale); color:var(--gjd-ink); }
.application-review { border-left-color:var(--gjd-brand); }
.btn.warn,.btn.danger,.error-banner,.form-error,.sync-error { color:var(--gjd-danger); }
.error-banner,.application-review.hold,.sync-state .tag.amber { background:var(--gjd-danger-pale); color:var(--gjd-danger); border-color:var(--gjd-danger); }
.vault-state.failure { border-left-color:var(--gjd-danger); }
.toolbar-details .menu-items,.modal,.pop,.sidebar { background-color:var(--gjd-white); border-color:var(--gjd-line); }
body:has(.console-main),body:has(.content-shell) { background:var(--gjd-page); }