/*
 * Norah demo brand palette adapter, version 1.0.0.
 *
 * This file is intentionally loaded only on the local native-Bricks demo.
 * It keeps the current component geometry and typography, while translating
 * the soft-yoga roles back to Norah's existing cream, ivory, pale-blue, stone,
 * and ink tokens from style.css and the canonical HTML prototype.
 */

body:has(.norah-home) {
	--norah-yoga-canvas: var(--norah-cream);
	--norah-yoga-paper: var(--norah-ivory);
	--norah-yoga-blush: var(--norah-sky);
	--norah-yoga-blush-deep: var(--norah-stone);
	--norah-yoga-lavender: var(--norah-sky);
	--norah-yoga-sage: var(--norah-sky);
	--norah-yoga-plum: var(--norah-ink);
	--norah-yoga-plum-soft: var(--norah-stone);
	--norah-yoga-line: var(--norah-line);
	--norah-yoga-line-on-pastel: var(--norah-line);
	--norah-yoga-white-line: color-mix(in srgb, var(--norah-ivory) 55%, transparent);
	--norah-yoga-shadow-soft: var(--norah-system-shadow-orb);
	--norah-yoga-shadow-card: var(--norah-system-shadow-note);

	--norah-color-page: var(--norah-cream);
	--norah-color-surface: var(--norah-ivory);
	--norah-color-surface-strong: var(--norah-white);
	--norah-color-accent: var(--norah-sky);
	--norah-color-accent-strong: var(--norah-sky);
	--norah-color-text: var(--norah-ink);
	--norah-color-text-muted: var(--norah-stone);
	--norah-color-on-accent: var(--norah-ink);
	--norah-color-on-dark: var(--norah-ivory);
	--norah-color-border: var(--norah-line);
	--norah-color-border-on-accent: var(--norah-line);
	--norah-color-border-on-light: var(--norah-yoga-white-line);
	--norah-color-muted-on-dark: color-mix(in srgb, var(--norah-ivory) 76%, transparent);

	background: var(--norah-cream);
	color: var(--norah-ink);
}

.norah-home {
	color: var(--norah-ink);
}

.norah-home h1,
.norah-home h2 {
	color: var(--norah-stone);
}

.norah-home h3,
.norah-home h4 {
	color: var(--norah-ink);
}

.norah-home :focus-visible {
	outline-color: var(--norah-ivory);
	box-shadow: 0 0 0 6px var(--norah-ink);
}

.norah-home .norah-header {
	border-bottom-color: var(--norah-line);
	box-shadow: none;
}

.norah-home .norah-nav__link,
.norah-home .norah-footer__link,
.norah-home .norah-text-link {
	color: var(--norah-stone);
}

.norah-home .norah-nav__link:hover,
.norah-home .norah-footer__link:hover,
.norah-home .norah-text-link:hover {
	color: var(--norah-ink);
}

.norah-home .norah-button {
	border-color: var(--norah-ink);
	background: var(--norah-ink);
	box-shadow: none;
	color: var(--norah-ivory) !important;
}

.norah-home .norah-button:hover {
	border-color: var(--norah-ink);
	background: transparent;
	box-shadow: none;
	color: var(--norah-ink) !important;
}

.norah-home .norah-button--light {
	border-color: var(--norah-ivory);
	background: var(--norah-ivory);
	color: var(--norah-ink) !important;
}

.norah-home .norah-button--light:hover {
	border-color: var(--norah-ivory);
	background: transparent;
	color: var(--norah-ivory) !important;
}

.norah-home .norah-eyebrow,
.norah-home .norah-microcopy,
.norah-home .norah-signature {
	color: var(--norah-stone);
}

.norah-home .norah-hero,
.norah-home .norah-why,
.norah-home .norah-about,
.norah-home .norah-offer,
.norah-home .norah-contact {
	background: var(--norah-cream);
}

.norah-home .norah-hero::before {
	border-color: var(--norah-line);
}

.norah-home .norah-hero h1,
.norah-home .norah-section-heading h2,
.norah-home .norah-why__lead,
.norah-home .norah-about__copy h2,
.norah-home .norah-contact__heading h2,
.norah-home .norah-offer .norah-eyebrow,
.norah-home .norah-offer h2 {
	color: var(--norah-stone);
}

.norah-home .norah-hero__intro,
.norah-home .norah-point p,
.norah-home .norah-about__copy > p:not(.norah-eyebrow, .norah-signature),
.norah-home .norah-contact__action p {
	color: var(--norah-stone);
}

.norah-home .norah-hero__arch {
	background: var(--norah-sky);
	box-shadow: none;
}

.norah-home .norah-hero__arch::before,
.norah-home .norah-process::after {
	border-color: var(--norah-line);
}

.norah-home .norah-hero__arch::after {
	border-color: var(--norah-yoga-white-line);
}

.norah-home .norah-hero__orb {
	background: var(--norah-ivory);
	box-shadow: var(--norah-system-shadow-orb);
}

.norah-home .norah-hero__note {
	border-color: var(--norah-line);
	background: var(--norah-ivory);
	box-shadow: var(--norah-system-shadow-note);
	color: var(--norah-stone);
}

.norah-home .norah-belief,
.norah-home .norah-process,
.norah-home .norah-contact__action {
	background: var(--norah-sky);
}

.norah-home .norah-belief .norah-eyebrow,
.norah-home .norah-belief h2,
.norah-home .norah-process .norah-eyebrow,
.norah-home .norah-process h2 {
	color: var(--norah-ivory);
}

.norah-home .norah-belief__quote-text,
.norah-home .norah-belief__cite,
.norah-home .norah-process h3,
.norah-home .norah-process p,
.norah-home .norah-process__step::before {
	color: var(--norah-ink);
}

.norah-home .norah-process__step {
	border-color: var(--norah-line);
}

.norah-home .norah-process__step::before {
	border-color: var(--norah-ink);
}

.norah-home .norah-point {
	border-color: var(--norah-line);
	border-top-color: var(--norah-sky);
	background: var(--norah-ivory);
	box-shadow: var(--norah-system-shadow-note);
}

.norah-home .norah-point h3 {
	color: var(--norah-ink);
}

.norah-home .norah-about__visual::before {
	background: var(--norah-sky);
	box-shadow: var(--norah-system-shadow-note);
}

.norah-home .norah-about__image {
	box-shadow: var(--norah-system-shadow-orb);
}

.norah-home .norah-offer__intro {
	border-color: var(--norah-line);
	background: var(--norah-ivory);
	box-shadow: var(--norah-system-shadow-note);
}

.norah-home .norah-offer__card {
	background: var(--norah-ink);
	box-shadow: var(--norah-system-shadow-orb);
	color: var(--norah-ivory);
}

.norah-home .norah-offer__card h3 {
	color: var(--norah-ivory);
}

.norah-home .norah-offer__card p,
.norah-home .norah-offer__card li {
	color: color-mix(in srgb, var(--norah-ivory) 86%, transparent);
}

.norah-home .norah-offer__card h3 {
	border-bottom-color: var(--norah-line);
}

.norah-home .norah-offer__list li::before {
	background: transparent;
	border: 1px solid var(--norah-sky);
}

.norah-home .norah-offer__note {
	color: color-mix(in srgb, var(--norah-ivory) 72%, transparent);
}

.norah-home .norah-contact__action {
	box-shadow: var(--norah-system-shadow-note);
}

.norah-home .norah-contact__action .norah-email-link {
	border-bottom-color: var(--norah-ink);
	color: var(--norah-ink) !important;
}

.norah-home .norah-contact__action .norah-email-link:hover {
	border-bottom-color: var(--norah-ivory);
	color: var(--norah-ivory) !important;
}

.norah-home .norah-boundary {
	border-color: var(--norah-line);
	background: var(--norah-ivory);
	color: var(--norah-stone);
}

.norah-home .norah-footer {
	background: var(--norah-sky);
	color: var(--norah-ink);
}

.norah-home .norah-footer .norah-brand__logo {
	filter: none;
	opacity: 1;
}

.norah-home .norah-footer__copyright,
.norah-home .norah-footer__link {
	color: var(--norah-ink);
}

/* Three-surface correction: ink remains a text color, never a demo surface. */
.norah-home .norah-button {
	border-color: var(--norah-sky);
	background: var(--norah-sky);
	color: var(--norah-ink) !important;
}

.norah-home .norah-button:hover {
	border-color: var(--norah-sky);
	background: var(--norah-ivory);
	color: var(--norah-ink) !important;
}

.norah-home .norah-button--light:hover {
	border-color: var(--norah-sky);
	background: var(--norah-sky);
	color: var(--norah-ink) !important;
}

.norah-home .norah-offer__card {
	background: var(--norah-sky);
	color: var(--norah-ink);
}

.norah-home .norah-offer__card h3,
.norah-home .norah-offer__card p,
.norah-home .norah-offer__card li {
	color: var(--norah-ink);
}

.norah-home .norah-offer__card h3 {
	border-bottom-color: var(--norah-line);
}

.norah-home .norah-offer__list li::before {
	border-color: var(--norah-ivory);
	background: var(--norah-ivory);
}

.norah-home .norah-offer__note {
	color: var(--norah-stone);
}