/* Light mode is the only theme. Accent colours were tuned for dark backgrounds; these tokens keep the brand hues but readable on light surfaces (AA). */
:root[data-theme="light"] {
    --color-p-teal: #0F766E;
    --color-p-teal-text: #0F766E;
    --color-p-success: #15803D;
    --color-p-success-text: #15803D;
    --color-p-warning: #A16207;
    --color-p-warning-text: #A16207;
    --color-p-danger: #B91C1C;
    --color-p-danger-text: #B91C1C;
}
/* literal colours that were hard-coded for dark */
.hero-mock-rec-label, .hc-rec { color: #B91C1C; }
.mk-yes { color: #15803D !important; }
.mk-no { color: #6B7280; }
.revenue-signal--success { color: #15803D !important; } .revenue-signal--warning { color: #A16207 !important; } .revenue-signal--danger { color: #B91C1C !important; }
.status-chip.danger { color: #B91C1C !important; } .status-chip.success { color: #15803D !important; } .status-chip.warning { color: #A16207 !important; }
:root[data-theme="light"] .integration-category, :root[data-theme="light"] .learn-more, :root[data-theme="light"] .rd-label, :root[data-theme="light"] .bench-label, :root[data-theme="light"] .quote-mark, :root[data-theme="light"] .sub-nav-link, :root[data-theme="light"] .doer-letter { color: var(--color-p-accent-text); }
/* per-product colours, readable on light */
:root[data-theme="light"] .pr-card { --c: #0F766E; } :root[data-theme="light"] .pr-card--perf { --c: #B4443A; } :root[data-theme="light"] .pr-card--rev { --c: #A16207; } :root[data-theme="light"] .pr-card--train { --c: #15803D; }
:root[data-theme="light"] .nm-prod { --c: #0F766E; } :root[data-theme="light"] .nm-prod:nth-child(2) { --c: #B4443A; } :root[data-theme="light"] .nm-prod:nth-child(3) { --c: #A16207; } :root[data-theme="light"] .nm-prod:nth-child(4) { --c: #15803D; }

/* Solutions bodies: everything justified to the left, in the same column as the hero text */
main section:not(.hm-hero) .role-flow-diagram, section .role-flow-diagram { justify-content: flex-start; }
section .flex.justify-center, section .flex.items-center.justify-center { justify-content: flex-start; }
section .role-flow-diagram, section [class*="chip-row"], section .rpl-chips { justify-content: flex-start !important; }
section .training-graphic, section .hero-mock { margin-left: 0 !important; margin-right: auto !important; }
.role-sources-row { display: flex; flex-wrap: wrap; justify-content: flex-start !important; gap: 8px; }
section .ts { margin-left: 0; margin-right: 0; max-width: 560px; }