/* Page text shares the pastel palette used by the canvas tools. */
:where([data-page], #claim-page, #focus-view, .control-popover, .toolbar-menu a[href]) {
  --page-ink: var(--page-accent, #bf9ff1);
  --page-prose: color-mix(in oklab, var(--page-ink) 40%, var(--theme-secondary, #bdbbc2));
}
.control-popover { --page-accent: var(--panel-accent); }
:where([data-page="/about"], .toolbar-menu a[href="/about"]) { --page-accent: #86c9d7; }
:where([data-page="/for-brands"], [data-page="/submit"], #claim-page, .toolbar-menu a[href="/for-brands"], .toolbar-menu a[href="/submit"]) { --page-accent: #eda2bb; }
:where([data-page="/support"], [data-page="/account"], [data-page="/auth/signup"], .toolbar-menu a[href^="/account"], .toolbar-menu a[href="/support"], .toolbar-menu a[href="/auth/signup"]) { --page-accent: #62caa0; }
:where([data-page="/privacy"], [data-page="/auth/login"], [data-page="/auth/callback"], [data-page="/auth/verify"], .toolbar-menu a[href="/privacy"], .toolbar-menu a[href="/auth/login"]) { --page-accent: #bf9ff1; }
:where([data-page="/terms"], [data-page="/auth/mfa"], [data-page="/collections"], .toolbar-menu a[href="/terms"]) { --page-accent: #e9bb60; }
:where([data-page="/legal"], [data-page="/auth/forgot"], [data-page="/auth/reset"], .toolbar-menu a[href="/legal"]) { --page-accent: #ed8d70; }
:where([data-page="/"]) { --page-accent: #7d9bf5; }
[data-page="/saved"] { --page-accent: #eda2bb; }

/* Keep the same hues readable against the light theme's cream surfaces. */
[data-theme="light"] :where([data-page], #claim-page, #focus-view, .control-popover, .toolbar-menu a[href]) {
  --page-ink: color-mix(in oklab, var(--page-accent, #bf9ff1) 40%, #302e2a);
}

:is(.page-window-content, .page-main) :is(h1, h2, h3, summary),
.page-window-content .eyebrow,
#account-page :is(h1, h2, h3, .account-identity > strong, .form-field > span:first-child),
#claim-page :is(h1, h2, h3),
[data-page] #empty-title,
.control-popover .spec-panel-header h2,
.shared-canvas-page :is(#canvas-title, #canvas-status h1) {
  color: var(--page-ink);
}
.page-main :is(.eyebrow, .card-category) { color: var(--page-ink) !important; }

:is(.page-window-content, .page-main) :is(p, li),
#account-page :is(.account-subtitle, .account-note, .input-hint, .form-switch),
#claim-page :is(.claim-subtitle, .claim-hint, .claim-review-note),
#focus-view #brand-description,
[data-page] #empty-message,
.shared-canvas-page :is(#canvas-bio, #canvas-empty, #canvas-status > p) {
  color: var(--page-prose);
}

:is(.page-window-content, .page-main) :is(strong, b),
#focus-view :is(.brand-descriptor, .brand-claim-link),
.page-window-content a:not(.page-button):not(.brand-plan-continue),
.page-main a:not(.page-button):not(.brand-card),
#account-page :is(.form-aside, .form-switch, .input-hint, .section-heading, .account-policy-links) a,
.toolbar-menu a[href] {
  color: var(--page-ink);
}

.page-window-content a:not(.page-button):not(.brand-plan-continue):hover,
.page-main a:not(.page-button):not(.brand-card):hover,
.page-window-content summary:hover,
.toolbar-menu a[href]:hover {
  color: var(--page-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}