/*
 * PC typography color system
 * Decorative and status colors stay intact; marketing copy uses one shared hierarchy.
 */

@media (min-width: 721px) {
  :root {
    --pc-text-primary: #201d18;
    --pc-text-body: #514c44;
    --pc-text-muted: #706b63;
    --pc-text-gold: #87580b;
    --pc-text-gold-on-dark: #d5b56e;
    --pc-text-on-dark: #fbf7ee;
    --pc-text-on-dark-body: rgba(251, 247, 238, .82);
    --pc-text-on-dark-muted: rgba(251, 247, 238, .64);

    /* Existing component systems now resolve to the same hierarchy. */
    --sumi: var(--pc-text-primary);
    --dark-gray: var(--pc-text-body);
    --mid-gray: var(--pc-text-muted);
    --b-ink: var(--pc-text-primary);
    --b-muted: var(--pc-text-body);
    --refine-ink: var(--pc-text-primary);
  }

  /* Shared section hierarchy on light backgrounds. */
  .section:not(.section-dark) > .container > .section-title,
  .section:not(.section-dark) .v3-showcase-content .section-title,
  .section:not(.section-dark) > .container > h3.section-title {
    color: var(--pc-text-primary) !important;
  }

  .section:not(.section-dark) .section-desc,
  .section:not(.section-dark) .section-lead,
  .section:not(.section-dark) .v3-step-note {
    color: var(--pc-text-body) !important;
    opacity: 1 !important;
  }

  .section:not(.section-dark) .section-label,
  .section:not(.section-dark) .text-accent,
  .section:not(.section-dark) .text-accent-bold {
    color: var(--pc-text-gold) !important;
    -webkit-text-fill-color: var(--pc-text-gold) !important;
  }

  .section:not(.section-dark) .v3-disclaimer {
    color: var(--pc-text-muted) !important;
    opacity: 1;
  }

  /* 03 — accuracy */
  #accuracy.accuracy-b {
    color: var(--pc-text-primary);
  }

  #accuracy .accuracy-b-lead,
  #accuracy .accuracy-b-verification-head > p,
  #accuracy .accuracy-b-fact p {
    color: var(--pc-text-body) !important;
  }

  #accuracy .accuracy-b-checks small {
    color: var(--pc-text-muted) !important;
  }

  #accuracy .accuracy-b-report h3,
  #accuracy .accuracy-b-checks strong,
  #accuracy .accuracy-b-fact strong,
  #accuracy .accuracy-b-documents span {
    color: var(--pc-text-primary) !important;
  }

  #accuracy .accuracy-b-verification-head > span {
    color: var(--pc-text-gold) !important;
  }

  /* 04–06 — learning, ROI and CRM */
  #learning .section-desc,
  #roi .section-desc,
  #crm .section-desc,
  #security .section-desc {
    color: var(--pc-text-body) !important;
  }

  #learning .b-learning-rules > p,
  #roi .b-roi-summary p,
  #crm .b-crm-main header p,
  #crm .b-crm-rules p,
  #crm .b-crm-history > p {
    color: var(--pc-text-body) !important;
  }

  #learning .b-learning-step small,
  #crm .b-crm-status span,
  #crm .b-crm-features small {
    color: var(--pc-text-muted) !important;
  }

  /* 07 — accounting software integration */
  #integration .v3-range-chip {
    color: var(--pc-text-body) !important;
  }

  #integration .v3-method-card h4,
  #integration .method-node b {
    color: var(--pc-text-primary) !important;
  }

  #integration .v3-method-card > p {
    color: var(--pc-text-body) !important;
  }

  #integration .method-node small {
    color: var(--pc-text-muted) !important;
  }

  /* 08–09 — fit and comparison */
  #fit .fit-check-item strong,
  #compare .comparison-header .comparison-col-item {
    color: var(--pc-text-primary) !important;
  }

  #fit .fit-checker-head h3 {
    color: var(--pc-text-on-dark) !important;
  }

  #fit .fit-kicker {
    color: var(--pc-text-gold-on-dark) !important;
  }

  #fit .fit-check-item small,
  #fit .fit-result,
  #compare .comparison-col-item {
    color: var(--pc-text-muted) !important;
  }

  #compare .comparison-col-other {
    color: var(--pc-text-body) !important;
  }

  /* 10 — voice: white cards on a dark section. */
  #voice > .container > .section-title {
    color: var(--pc-text-on-dark) !important;
  }

  #voice .voice-standard-head strong,
  #voice .voice-standard-card blockquote {
    color: var(--pc-text-primary) !important;
  }

  #voice .voice-standard-card > p {
    color: var(--pc-text-body) !important;
  }

  #voice .voice-standard-head small,
  #voice .voice-standard-result span {
    color: var(--pc-text-muted) !important;
  }

  #voice .voice-disclaimer {
    color: var(--pc-text-on-dark-muted) !important;
  }

  /* 11–12 — security and pricing */
  #security .b-security-assurances strong,
  #security .b-security-rail span,
  #pricing .b-pricing-caption {
    color: var(--pc-text-primary) !important;
  }

  #security .b-security-assurances p,
  #pricing .pricing-lead,
  #pricing .b-pricing-note,
  #pricing .b-subsidy-note p {
    color: var(--pc-text-body) !important;
  }

  #pricing .b-pricing-conditions span {
    color: var(--pc-text-muted) !important;
  }

  /* 13–14 — onboarding flow and FAQ */
  #flow .flow-title,
  #faq .faq-question {
    color: var(--pc-text-primary) !important;
  }

  #flow .flow-num {
    color: var(--pc-text-gold) !important;
  }

  #flow .flow-desc,
  #faq .faq-answer p {
    color: var(--pc-text-body) !important;
  }

  #pricing .p2-cta-note {
    color: var(--pc-text-muted) !important;
  }

  /* 15 — closing and footer. */
  #contact .closing-title {
    color: var(--pc-text-on-dark) !important;
  }

  #contact .b-closing-concerns p,
  #contact .b-closing-message {
    color: var(--pc-text-on-dark-body) !important;
  }

  #contact .b-closing-note span,
  .footer p,
  .footer a,
  .footer-copy {
    color: var(--pc-text-on-dark-muted) !important;
  }
}