/* Approved WABook report palette, 7 November 2026. Colour changes only. */
:root{color-scheme:only light;--income:#00F9FF;--expense:#FB40E3;--navy:#131E30;--bg:#131E30;--bg-alt:#131E30;--bg-card:#131E30;--paper:#131E30;--soft:#131E30;--border:#34445A;--line:#34445A;--green:#00F9FF;--g:#00F9FF;--green-light:#131E30;--green-mid:#131E30;--brand:#00F9FF;--brand2:#00F9FF;--lime:#FB40E3;--ink:#F0F6FF;--dark:#F0F6FF;--text:#F0F6FF;--text-light:#C0CCDC;--muted:#C0CCDC}
body{background:#131E30;color:#F0F6FF}
/* Existing icon artwork and icon colours are retained pending separate review. */
.brand svg,.avatar svg{color:#154d39}
.brand-dot,.eyebrow>span,em,.hero h1 span,.section-title span,.hero-note>span,.refresh-language,.step-number,.feature>span,.benefit-strip .wrap>span>span{color:#00F9FF}
.eyebrow>span{background:#00F9FF}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#00F9FF}
.header,.refresh-home nav,.refresh-home footer,.refresh-legal,.refresh-legal header,.refresh-legal .hero,.refresh-legal main,.refresh-legal footer{background:#131E30;color:#F0F6FF}
.button,.btn,.btn-primary,.btn-pricing,.btn-nav:hover,.small-button:hover,.refresh-home .btn-nav:hover,.refresh-home .pricing-card .btn-pricing,.skip{background:#00F9FF;color:#131E30;border-color:#00F9FF}
.button:hover,.btn:hover,.btn-primary:hover,.btn-pricing:hover{background:#FB40E3;color:#131E30;border-color:#FB40E3}
.button.light,.btn-cta-white,.refresh-home .btn-cta-white,.refresh-home .pricing-card.popular .btn-pricing{background:#FB40E3;color:#131E30}
.button.light:hover{background:#00F9FF;color:#131E30}
.small-button,.refresh-home .btn-nav{color:#00F9FF;border-color:#00F9FF}
.hero-note,.lead,.step p,.feature p,.demo-caption,.pricing-note,.footer p,.legal section p,details p{color:#C0CCDC}
.demo-area,.refresh-demo .demo-area,.demo-switch,.refresh-demo .demo-switch,.phone,.refresh-demo .phone,.chat,.refresh-demo .chat,.sent,.refresh-demo .sent,.received,.refresh-demo .received,.receipt,.refresh-demo .receipt,.phone-bottom,.refresh-demo .phone-bottom,.phone-bottom>span:nth-child(2),.refresh-demo .phone-bottom>span:nth-child(2),.voice-notice,.refresh-demo .voice-notice{background:#131E30;color:#F0F6FF}
.demo-area,.refresh-demo .demo-area{border:1px solid #34445A}
.phone,.refresh-demo .phone,.refresh-home .wa-phone{border-color:#34445A}
.phone-head,.refresh-demo .phone-head,.refresh-home .wa-header{background:#131E30;color:#F0F6FF;border-bottom:1px solid #00F9FF}
.avatar,.refresh-demo .avatar{background:#F0F6FF}
.phone-head div>span,.refresh-demo .phone-head div>span,.demo-eyebrow,.refresh-demo .demo-eyebrow,.demo-switch button,.refresh-demo .demo-switch button,.receipt>span:not(.receipt-mark),.refresh-demo .receipt>span:not(.receipt-mark),.chat-time,.refresh-demo .chat-time,.received dt,.refresh-demo .received dt,.received>p,.refresh-demo .received>p,.phone-bottom,.refresh-demo .phone-bottom{color:#C0CCDC}
.demo-switch button[aria-selected=true],.refresh-demo .demo-switch button[aria-selected=true]{background:#00F9FF;color:#131E30}
.receipt-mark,.refresh-demo .receipt-mark,.chat-time span,.refresh-demo .chat-time span,.review-status,.refresh-demo .review-status,.confirm-example,.refresh-demo .confirm-example,.voice-visual,.refresh-demo .voice-visual{color:#00F9FF}
.receipt,.refresh-demo .receipt,.receipt-line,.refresh-demo .receipt-line,.review-status>span,.refresh-demo .review-status>span,.confirm-example,.refresh-demo .confirm-example{border-color:#34445A}
.received dl>div:first-child dd,.refresh-demo .received dl>div:first-child dd,.receipt-total strong,.refresh-demo .receipt-total strong,.expense,.amount-out,[data-direction="expense"]{color:#FB40E3}
.income,.amount-in,[data-direction="income"]{color:#00F9FF}
.phone-bottom>span:last-child,.refresh-demo .phone-bottom>span:last-child{background:#00F9FF;color:#131E30}
.orb,.refresh-demo .orb{border-color:#00F9FF}
.orb-two,.refresh-demo .orb-two{background:#FB40E3}
.benefit-strip,.why,.refresh-home section.alt,.refresh-home .compare-card.bad,.refresh-home .compare-card.good,.refresh-home .wa-body,.refresh-home .bubble.sent,.refresh-home .sheet-item,.refresh-home .pricing-card,.refresh-home .pricing-card.popular,.refresh-home .review-card,.refresh-legal .updated,.refresh-legal .toc,.refresh-legal .notice,.box,.card{background:#131E30;color:#F0F6FF;border-color:#34445A}
.paper-note,.refresh-home .founder-quote,.refresh-home .popular-badge{background:#FB40E3;color:#131E30}
.refresh-home .pricing-card.popular{border-color:#00F9FF}
.refresh-home .compare-label.bad-label,.refresh-home .review-stars,.refresh-home .stars{color:#FB40E3}
.refresh-home .journey-card .step{color:#00F9FF}
.refresh-home .review-initial,.refresh-home .wa-avatar{background:#131E30;color:#00F9FF}
.feature,.feature:first-child,.step,.refresh-home .journey-card,.refresh-home .feat-card,.refresh-legal main{border-color:#34445A}
.contact-section,.refresh-home .final-cta,.refresh-legal .contact{background:#131E30;color:#F0F6FF;border-top:1px solid #00F9FF}
.contact-inner .eyebrow,.contact-inner p:not(.eyebrow),.contact-action>a:last-child,.refresh-home .final-cta p{color:#C0CCDC}
.refresh-home .final-cta h2 span,.refresh-legal .contact a{color:#00F9FF}

/* Match component specificity; keep the existing icon artwork unchanged. */
.refresh-demo{--paper:#131E30;--ink:#F0F6FF;--green:#00F9FF;--muted:#C0CCDC;--line:#34445A;--lime:#FB40E3}
.refresh-home .hero h1 span,.refresh-home .section-title span{color:#00F9FF}
.refresh-home .nav-logo svg rect,.refresh-home .nav-logo svg path,.refresh-home .footer-brand-logo svg rect,.refresh-home .footer-brand-logo svg path{fill:#154d39}
.refresh-home .bubble.recv,.refresh-home .bubble.sent{background:#131E30;color:#F0F6FF;border:1px solid #34445A}
.refresh-home .bubble strong{color:#00F9FF}
.refresh-home .wa-status,.refresh-home .bubble .time{color:#C0CCDC}