/* DECYGO text and button colors for the public landing. */
#publicView {
  --decygo-text-heading: #06245a;
  --decygo-text-accent: #07539f;
  --decygo-text-body: #476987;
  --decygo-text-muted: #526d84;
}

/* Marketing copy and section headings. */
#publicView .reference-hero .ref-title {
  color: var(--decygo-text-heading);
  -webkit-text-fill-color: currentColor;
}
#publicView .landing-section :is(h2, h3, h4),
#publicView .landing-plan-price {
  color: var(--decygo-text-heading);
}
#publicView .reference-hero .ref-intro-copy > p,
#publicView .reference-hero .ref-audience > p,
#publicView .landing-lead,
#publicView .landing-ways p,
#publicView .landing-feature p,
#publicView .landing-steps p,
#publicView .landing-plan .landing-plan-description,
#publicView .landing-footer-top p {
  color: var(--decygo-text-body);
}
#publicView .landing-section .landing-eyebrow,
#publicView .reference-hero .ref-audience-caption,
#publicView .landing-closing h2 span {
  color: var(--decygo-text-accent);
}
#publicView .landing-plan .landing-plan-note,
#publicView .landing-plan-price > span:last-child,
#publicView .landing-section .landing-pricing-footnote,
#publicView .landing-closing .landing-closing-note,
#publicView .landing-footer-bottom small {
  color: var(--decygo-text-muted);
}

/* Text in the product examples. */
#publicView #heroTabbedDemo .ref-panel :is(h3, h4),
#publicView #heroTabbedDemo .ref-stats strong,
#publicView #heroTabbedDemo .ref-table b,
#publicView #heroTabbedDemo .ref-proposal dd,
#publicView #heroTabbedDemo .ref-document-head b,
#publicView #heroTabbedDemo .ref-document-to b,
#publicView #heroTabbedDemo .ref-document-total strong,
#publicView #heroTabbedDemo .ref-product-copy strong,
#publicView .landing-metrics strong,
#publicView .landing-activity strong,
#publicView .landing-activity b,
#publicView .landing-demo-window .landing-demo-reply > b,
#publicView .landing-demo-window .understood strong {
  color: var(--decygo-text-heading);
}
#publicView #heroTabbedDemo .ref-eyebrow {
  color: var(--decygo-text-accent);
}
#publicView #heroTabbedDemo .ref-panel-heading p,
#publicView #heroTabbedDemo .ref-chat-intro p,
#publicView #heroTabbedDemo .ref-message-answer p,
#publicView #heroTabbedDemo .ref-message-user > span,
#publicView #heroTabbedDemo .ref-quote-copy p,
#publicView #heroTabbedDemo .ref-client-copy > p,
#publicView #heroTabbedDemo .ref-product-copy p,
#publicView #heroTabbedDemo .ref-agenda-list p,
#publicView #heroTabbedDemo .ref-summary-next p {
  color: var(--decygo-text-body);
}
#publicView #heroTabbedDemo .ref-screen-section,
#publicView #heroTabbedDemo .ref-example-label,
#publicView #heroTabbedDemo .ref-stats span,
#publicView #heroTabbedDemo .ref-stats small,
#publicView #heroTabbedDemo .ref-proposal dt,
#publicView #heroTabbedDemo .ref-table th,
#publicView #heroTabbedDemo .ref-table small,
#publicView #heroTabbedDemo .ref-example-note,
#publicView .landing-metrics span,
#publicView .landing-activity div > span,
#publicView .landing-demo-window .understood span {
  color: var(--decygo-text-muted);
}

/* Button colors only; existing dimensions, surfaces and layout remain in their own stylesheets. */
#publicView,
#siteNav.landing-header {
  --decygo-button-primary: #126fc5;
  --decygo-button-hover: #07539f;
  --decygo-button-border: #aecde9;
}

/* Secondary actions keep their original white or transparent fill. */
#publicView .reference-hero .landing-google-btn,
#publicView .landing-button-secondary,
#publicView .landing-demo-window .preview-actions button,
#publicView .landing-demo-suggestions button,
#publicView #heroTabbedDemo .ref-small-button {
  color: var(--decygo-button-hover);
  border-color: var(--decygo-button-border);
}
#publicView .reference-hero .landing-google-btn:hover,
#publicView .landing-button-secondary:hover,
#publicView .landing-demo-window .preview-actions button:hover,
#publicView .landing-demo-suggestions button:hover,
#publicView #heroTabbedDemo .ref-small-button:hover {
  color: var(--decygo-button-hover);
  border-color: var(--decygo-button-primary);
}

/* Primary actions use DECYGO blue with white text. */
#publicView .reference-hero .ref-primary,
#publicView .landing-button-primary,
#publicView .landing-demo-window .preview-actions button:last-child,
#publicView .landing-demo-composer button,
#publicView #heroTabbedDemo .ref-screen-actions button,
#publicView #heroTabbedDemo .ref-send,
#siteNav .landing-nav-start,
#siteNav .landing-mobile-auth button {
  color: #fff;
  background-color: var(--decygo-button-primary);
  border-color: var(--decygo-button-primary);
}
#publicView .reference-hero .ref-primary:hover,
#publicView .landing-button-primary:hover,
#publicView .landing-demo-window .preview-actions button:last-child:hover,
#publicView .landing-demo-composer button:hover,
#publicView #heroTabbedDemo .ref-screen-actions button:hover,
#publicView #heroTabbedDemo .ref-composer:hover .ref-send,
#siteNav .landing-nav-start:hover,
#siteNav .landing-mobile-auth button:hover {
  color: #fff;
  background-color: var(--decygo-button-hover);
  border-color: var(--decygo-button-hover);
}

/* Text actions and selected controls. */
#publicView .landing-text-link,
#publicView #heroTabbedDemo .ref-text-button,
#publicView #heroTabbedDemo .ref-tab,
#publicView .landing-billing button,
#publicView .landing-billing button span,
#siteNav .landing-nav-login,
#siteNav .landing-menu-button {
  color: var(--decygo-button-hover);
}
#publicView #heroTabbedDemo .ref-tab[aria-selected="true"],
#publicView .landing-billing button.active {
  color: var(--decygo-button-hover);
  border-color: var(--decygo-button-border);
}
#publicView .landing-text-link:hover,
#publicView #heroTabbedDemo .ref-text-button:hover,
#publicView #heroTabbedDemo .ref-tab:hover,
#publicView .landing-billing button:hover,
#siteNav .landing-nav-login:hover,
#siteNav .landing-menu-button:hover {
  color: var(--decygo-button-hover);
}
#publicView :is(button, .landing-button, .landing-text-link):focus-visible,
#siteNav :is(button, .landing-nav-start):focus-visible {
  outline-color: var(--decygo-button-primary);
}