/* 獨立預覽色票。僅覆寫顏色及色彩變數。 */
:root {
  --clear-fog: #fafbf7;
  --clear-brand: #173b3a;
  --clear-action: #006a70;
  --clear-mint: #dcefe6;
  --clear-plum: #714b67;
  --clear-lilac: #eee5ec;
  --clear-ivory: #f7f3eb;

  --green: var(--clear-brand);
  --green-2: #234c49;
  --gold: var(--clear-mint);
  --gold-d: var(--clear-action);
  --gold-btn: var(--clear-action);
  --cream: var(--clear-fog);
  --ink: #253432;
  --muted: #505b58;
  --line: #cbd8d1;
}

body { background-color: var(--clear-fog); }
.site-header .brand:hover { color: var(--clear-mint); }
.eyebrow { color: var(--clear-plum); }
blockquote, .pillar-link { border-left-color: var(--clear-plum); }
.footer-bottom, .footer-sites { border-top-color: #587672; }
.btn:hover { background-color: var(--clear-brand); border-color: var(--clear-brand); }
.btn-ghost:hover, .actions .btn + .btn:hover {
  background-color: var(--clear-mint);
  border-color: var(--clear-brand);
  color: var(--clear-brand) !important;
}
.cta .btn-ghost:hover, .cta .actions .btn + .btn:hover {
  color: var(--clear-brand) !important;
}

.page-home .block:first-child,
.page-ai-consulting .block:first-child {
  background-color: var(--clear-fog);
  color: var(--ink);
}
.page-home .block:first-child :is(h1, h2),
.page-ai-consulting .block:first-child :is(h1, h2) { color: var(--clear-brand); }
.page-home .block:first-child .eyebrow,
.page-ai-consulting .block:first-child .eyebrow { color: var(--clear-plum); }
.page-home .block:first-child a:not(.btn),
.page-ai-consulting .block:first-child a:not(.btn) { color: var(--clear-action); }
:is(.page-home, .page-ai-consulting) .block:first-child .actions .btn + .btn {
  color: var(--clear-action) !important;
  border-color: var(--clear-action);
}
:is(.page-home, .page-ai-consulting) .block:first-child .actions .btn + .btn:hover {
  color: var(--clear-brand) !important;
}
.page-home .stats { background-color: var(--clear-brand) !important; }
.page-home .block:nth-child(even):not(.stats),
.page-ai-consulting .block:nth-child(even) { background-color: #f2f6f0; }
.latest { background-color: var(--clear-mint); }

.page-cases .block:first-child { background-color: var(--clear-plum); }
.page-cases .block:first-child .eyebrow { color: var(--clear-lilac); }
.page-cases .block:first-child a:not(.btn) { color: var(--clear-fog); }
.page-cases .block:first-child .btn { border-color: var(--clear-lilac); }
.page-cases .block:first-child .actions .btn + .btn:hover {
  color: var(--clear-brand) !important;
}
.page-cases { background-color: var(--clear-ivory); }
.page-cases .block:nth-child(even) { background-color: var(--clear-fog); }

.knowledge-sections a {
  background-color: #edf2ee !important;
  color: var(--muted) !important;
}
.knowledge-sections a:hover, .knowledge-sections a[aria-current] {
  background-color: var(--clear-mint) !important;
  color: var(--clear-action) !important;
}
.knowledge-sections a:focus-visible { outline-color: var(--clear-action); }

main .prompt-library {
  --ink: #253432;
  --muted: #505b58;
  --line: #cbd8d1;
  --accent: var(--clear-action);
  --tint: var(--clear-mint);
  background-color: var(--clear-fog);
  color: var(--ink);
}
.prompt-library .top { background-color: var(--clear-mint); }
.prompt-library .top .brand > span { color: var(--clear-brand); }
.prompt-library .top .brand-icon { background-color: var(--clear-fog); }
.prompt-library .home-method {
  background-color: var(--clear-mint);
  background-image: none;
}
.prompt-library .home-method .method-example { border-left-color: var(--clear-plum); }
.prompt-library .tile,
.prompt-library a.tile:hover {
  background-color: var(--white);
  background-image: none;
  border-color: var(--line);
  color: var(--clear-brand);
}
.prompt-library .tile:hover { box-shadow: 0 8px 20px #173b3a22; }
.prompt-library .tile::before,
.prompt-library .tile::after { background-image: none; }
.prompt-library .tile .tile-mark { color: #597d7380; }
.prompt-library .method-card:first-child {
  background-color: var(--clear-plum);
  border-color: var(--clear-plum);
  color: var(--white);
}
.prompt-library .method-card:first-child .tile-mark { color: #ffffffaa; }
.prompt-library .method-card-copy span { color: inherit; }
.prompt-library .tile.feature { background-color: var(--clear-lilac); color: var(--clear-plum); }
.prompt-library .feature .tile-index { color: var(--clear-plum); }
.prompt-library .feature .tile-mark { color: #714b673a; }
.prompt-library :is(.button, .icon-button, .row):hover {
  background-color: var(--clear-mint);
  border-color: #a9c9bb;
}
.prompt-library .primary:hover { background-color: var(--clear-brand); color: var(--white); }
.prompt-library .soft { background-color: var(--clear-mint); border-color: var(--line); }
.prompt-library :is(button, input, a, [tabindex]):focus-visible,
.prompt-library .search:focus-within { outline-color: var(--clear-action); }
.prompt-library .search { color: var(--muted); }
.prompt-library .search input::placeholder { color: var(--muted); }
.prompt-library .prompt-body, .prompt-library dialog .review { background-color: var(--clear-fog); }
.prompt-library .review-label { background-color: var(--clear-lilac); color: var(--clear-plum); }
.prompt-library .review-case .review-label { background-color: var(--clear-mint); color: var(--clear-brand); }
.prompt-library .review-gap .review-label { background-color: var(--clear-ivory); color: #644b20; }
.prompt-library .toast { background-color: var(--clear-brand); }

/* AI Skill 子頁沿用同一套清亮版。 */
main .skills-library { background-color: var(--clear-fog); }
main .skills-library .eyebrow { color: var(--clear-plum); }
main .skills-library h1 { color: var(--clear-brand); }
main .skills-library .skill-card {
  background-color: var(--clear-plum);
  background-image: none;
}
main .skills-library .skill-card:hover { box-shadow: 0 8px 20px #173b3a22; }
main .skills-library .skill-card:focus-visible { outline-color: var(--clear-action); }
main .skill-guide {
  --paper: var(--clear-fog);
  --ink: #253432;
  --muted: #505b58;
  --line: #cbd8d1;
  --control-line: #729188;
  --accent: var(--clear-action);
  --tint: var(--clear-mint);
  --focus: var(--clear-action);
}
main .skill-guide .callout {
  background-color: var(--clear-mint);
  background-image: none;
}
main .skill-guide .chip.file {
  background-color: var(--clear-lilac);
  color: var(--clear-plum);
}

/* AI 提示詞首頁的分類卡與效率精選。 */
.prompt-library .grid > a.tile:not(.feature) {
  background-color: var(--clear-lilac);
  border-color: #d8c8d5;
  color: var(--clear-plum);
}
.prompt-library .grid > a.tile:not(.feature):hover { background-color: #e6d8e3; }
.prompt-library .grid > a.tile:not(.feature) .tile-mark { color: #714b6773; }
.prompt-library .grid > button.tile.feature {
  background-color: #f3e7cd;
  border-color: #d9c9a5;
  color: #62491d;
}
.prompt-library .grid > button.tile.feature:hover { background-color: #edddb9; }
.prompt-library .grid > button.tile.feature :is(.tile-index, .tile-mark) { color: inherit; }
.prompt-library .grid > button.tile.feature .tile-mark { color: #89672b75; }