/* LIFA identity contract, 2026-09-21. Navy/gold lead; teal/ivory support.
   Load before the page's layers. Pair readable ink with its actual surface. */
@layer lifa-button-states, lifa-badges, lifa-brand-palette;
@layer lifa-brand-palette {
  :root {
    /* Primitive identity colors: change only on explicit user instruction. */
    --lifa-brand-navy: #0F1E36 !important;
    --lifa-brand-gold: #EED47D !important;
    --lifa-brand-teal: #245B5A !important;
    --lifa-brand-ivory: #F6F1E5 !important;

    /* Semantic roles. White and cool neutral surfaces remain available. */
    --lifa-color-primary: var(--lifa-brand-navy);
    --lifa-color-accent: var(--lifa-brand-gold);
    --lifa-color-support: var(--lifa-brand-teal);
    --lifa-color-reading-surface: var(--lifa-brand-ivory);
    --lifa-color-on-reading: var(--lifa-brand-navy);
    --lifa-color-on-support: #FFFFFF;

    /* Component roles shared by all page families. */
    --lifa-answer-surface: var(--lifa-color-reading-surface);
    --lifa-resource-surface: var(--lifa-color-reading-surface);
    --lifa-support-rule: var(--lifa-color-support);
    --lifa-diagram-secondary: var(--lifa-color-support);
  }

  /* Text has one foreground. Legacy text-fill declarations used a different
     palette from color, making gold labels navy and white table headings dark.
     Keep descendants and generated labels tied to their actual component ink. */
  body, body *, body *::before, body *::after, input::placeholder, textarea::placeholder {
    -webkit-text-fill-color: currentColor !important;
  }

  /* Signature words on reading surfaces follow the heading's readable ink.
     Inverse actions retain the approved gold handwriting on their navy panel. */
  main .content-signature {
    color: inherit !important;
  }
  main :is(.cta-band, .cta-panel, .final-cta-panel) :is(.eyebrow, .content-signature) {
    color: var(--lifa-color-accent) !important;
  }
  main:is([data-editorial-renewal="inquiry-v1"], [data-editorial-renewal="utility-v1"])
    :is(.cta-band, .cta-panel, .final-cta-panel) :is(.eyebrow, .content-signature),
  .quote-progress-panel .stat-value {
    color: var(--lifa-color-primary) !important;
  }
  .quote-progress-panel .stat-label {
    color: #43536a !important;
  }
  /* Generated category and editorial labels are still visible reading text. */
  main .media-card > div::before,
  main .article-side-note::before {
    color: var(--lifa-color-support) !important;
  }

  /* Signature writing is ink, never a boxed badge. This applies to authored
     heading/footer signatures on every page without removing section surfaces. */
  :is(.content-signature, .footer-signature, .hero-highlight,
      .hero-welcome-accent, #thanks-signature, .founder-service-mark,
      [data-hero-signature], [data-content-signature], [data-footer-signature]) {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  /* A fine glyph edge keeps approved gold legible on light paper. It follows
     the letters only; there is no rectangular backing or container shadow. */
  :is(.site-footer .footer-signature, #thanks-signature, .hero-welcome-accent,
      .thanks-intro [data-hero-signature], .trade-desk-main .hero-highlight,
      .rv-page .hero-highlight) {
    color: var(--lifa-color-accent) !important;
    -webkit-text-stroke: 1.5px var(--lifa-color-primary) !important;
    paint-order: stroke fill;
    padding-inline: .12em !important;
  }
  #thanks-signature {
    display: inline-block;
    padding: .08em .12em .55em !important;
    line-height: 1.85 !important;
  }
  .thanks-intro [data-hero-signature] {
    padding-inline: 1.1em !important;
  }

  /* Warm paper identifies questions and practical reading, not all sections. */
  main .sitewide-faq,
  main > section[data-editorial-role="faq"],
  .home-page .hn-guide-download,
  [data-lifa-surface="reading"] {
    background-color: var(--lifa-answer-surface) !important;
  }
  .home-page .hn-number-card {
    background-color: var(--lifa-color-reading-surface) !important;
  }

  /* Supporting iconography retains the navy/gold heading and badge hierarchy. */
  .home-page .hn-number-label svg,
  .home-page .hn-guide-download > svg,
  [data-lifa-accent="support"] {
    color: var(--lifa-color-support) !important;
  }
  .home-page .hn-guide-download,
  main .answer-outline,
  main .tutorial-case-layout > aside {
    border-left-color: var(--lifa-support-rule) !important;
  }
  main .tutorial-table-wrap,
  main .tutorial-case-layout > aside {
    border-top-color: var(--lifa-support-rule) !important;
  }
  /* The footer signature follows the user's sitewide gold handwriting identity. */
  .site-footer .footer-signature {
    color: var(--lifa-color-accent) !important;
    -webkit-text-fill-color: currentColor !important;
  }
}