/* Sage / crimson accents. Evergreen surfaces and the original wordmark stay intact.
   Two tones of one accent: rich fills with light text, brighter ink on dark surfaces. */
:root{--crimson:#dfedbd;--crimson-hover:#f0f6df;--crimson-heading:#dfedbd;--crimson-link:#dfedbd;--crimson-focus:#dfedbd;--crimson-border:#56644e;--crimson-wash:#132218;--action-ink:#173c2d}
/* Accent lines use the existing Manrope family, with weight rather than italics. */
:root :is(h1,h2,h3,h4,h5,h6) em,:root :is(h1,h2,h3) .muted{font-family:var(--heading,'Manrope',sans-serif);font-style:normal;font-weight:750;color:var(--crimson-heading);letter-spacing:-.045em}
:root :is(h1,h2,h3) em a{color:inherit}
:root .button:is(.dark,.light){background:var(--crimson);color:var(--action-ink);border-color:var(--crimson-hover);font-weight:650}
:root .button:is(.dark,.light):hover{background:var(--crimson-hover);border-color:var(--crimson-hover);color:var(--action-ink)}
:root .button:is(.dark,.light):active{background:#c9dca6;border-color:var(--crimson);color:var(--action-ink)}
:root .button.outline{color:var(--crimson-link);border-color:var(--crimson-border);background:transparent;font-weight:600}
:root .button.outline:hover{background:var(--crimson-wash);border-color:var(--crimson-heading);color:var(--ink)}
:root .text-button,:root .text-link,:root .card-whatsapp{color:var(--crimson-link)}
:root .text-button:hover,:root .text-link:hover,:root .card-whatsapp:hover{color:var(--ink)}
/* The two hero actions retain a clear primary/secondary hierarchy. */
:root .hero-orbit .hero-actions>a{border:1px solid var(--crimson-border);border-radius:12px;padding:11px 17px;color:var(--crimson-link);font-weight:650;min-height:48px}
:root .hero-orbit .hero-actions>a:hover{background:var(--crimson-wash);border-color:var(--crimson-heading);color:var(--ink)}
:root .filter.active{background:var(--crimson);color:var(--action-ink);border-color:var(--crimson-hover);font-weight:650}
:root .reading-progress{background:var(--crimson-heading)}
:root .view-cue{background:var(--crimson);color:var(--action-ink)}
:root .site-header nav a[aria-current]{text-decoration-color:var(--crimson-heading);text-decoration-thickness:2px}
:root :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:var(--crimson-focus)}
/* Small service/reading links use bright ink; body copy remains quiet. */
:root .service-guide-link>a,:root .blog-read,:root .blog-related .blog-group-heading>a{color:var(--crimson-link)}
:root .blog-answer{border-left-color:var(--crimson-heading)}
:root .advisory-note{border-color:var(--crimson-border)}
/* Ask Sage: same interaction colour, separate from error and payment states. */
:root .sage-ask-launcher{background:var(--crimson);color:var(--action-ink);border-color:var(--crimson-hover);font-weight:700;box-shadow:0 6px 24px #07110c66}
:root .sage-ask-launcher:hover{background:var(--crimson-hover);color:var(--action-ink)}
:root .sage-chat-input button,:root .sage-handoff-actions a,:root .sage-handoff-actions button{background:var(--crimson);color:var(--action-ink);font-weight:700}
:root .sage-chat-input button:hover,:root .sage-handoff-actions a:hover,:root .sage-handoff-actions button:hover{background:var(--crimson-hover)}
:root .sage-chat-topics button{color:#e3e9dd;background:#18271e;border-color:#425447}
:root .sage-chat-topics button:hover{background:var(--crimson-wash);border-color:var(--crimson-border);color:var(--crimson-link)}
:root .sage-chat-message.user{background:var(--crimson-wash);color:#f3f4ee;border:1px solid var(--crimson-border)}
:root .sage-assistant .sage-response-cue{color:var(--crimson-link);border-color:var(--crimson-border);background:#203026}
:root .sage-assistant .sage-answer-detail a,:root .sage-assistant .sage-answer-detail button,:root .sage-handoff-open{color:var(--crimson-link);border-color:var(--crimson-border)}
:root .sage-assistant .sage-answer-detail a:hover,:root .sage-assistant .sage-answer-detail button:hover,:root .sage-handoff-open:hover{background:var(--crimson-wash)}
:root .sage-ai-consent input{accent-color:var(--crimson)}
/* Owner screens share the visual language; authentication behaviour is untouched. */
:root .auth-primary{background:var(--crimson);color:var(--action-ink)}
:root .auth-primary:hover:not(:disabled){background:var(--crimson-hover)}
@media(max-width:759px){:root .hero-orbit .hero-actions>a{padding-inline:15px;font-size:.875rem}}
@media(prefers-reduced-motion:reduce){:root .hero-orbit .hero-actions>a{transition:none}}
