/* ONDA brand surfaces. Codex design, integration constrained by control snapshots.
   No root tokens, control rules, layout geometry, forms, dialogs or gold-card changes. */
.workspace,
#main {background-color:#fbf8f9;}

/* Porcelain content surfaces, without layered template shadows. */
#main > .account-grid > section.member-identity,
#main > section.orders-panel,
#main > section.task-dashboard,
#main > section.notification-panel,
#main > .media-gallery > .media-grid > article.media-card {
  background-color:#fffdfc;
  border-color:#e8dfe5;
  box-shadow:none;
}

/* Secondary information becomes a quiet band rather than another outlined box. */
#main > section.invite-mini,
#main > .explore-grid > div.discover-panel,
#main > .report-stats > section.panel {
  background-color:transparent;
  border-color:transparent;
  border-block-color:#e8dfe5;
  box-shadow:none;
}

/* Concentrated berry depth, rather than a whole-page purple gradient. */
#main > .account-grid > section.balance-card,
#main > section.task-dashboard > .task-tier {background-color:#48203b;}

/* Text-only headings cannot pass typography down into any interactive elements. */
#main > .page-heading > div > h1:not(:has(*)),
#main > .account-grid > section.member-identity > div > h2:not(:has(*)),
#main > .section-space > .section-title > h2:not(:has(*)),
#main > .media-gallery > .media-grid > article.media-card > .media-copy > h2:not(:has(*)) {
  color:#48203b;
  text-shadow:none;
}
#main > .page-heading > div > h1:not(:has(*)) {font-family:var(--sans);font-weight:600;}
#main > .account-grid > .member-identity > div > h2:not(:has(*)) {font-family:var(--sans);font-weight:500;}
#main > .account-grid > .balance-card > .balance-amount > strong {font-family:var(--sans);font-weight:500;}
#main > .account-grid > .member-identity > .avatar {background-color:#f2e2eb;color:#602a4f;}

/* Static supporting copy only. */
#main > section.invite-mini > div > p.eyebrow:not(:has(*)),
#main > .report-stats > section.panel > p:not(:has(*)),
#main > section.task-dashboard > .task-balance > div > p:not(:has(*)),
#main > .media-gallery > .media-grid > article.media-card > .media-copy > p.media-description:not(:has(*)),
#main > section.notification-panel > .notice-list > .notice-item > .notice-item-body > p.preserve-lines:not(:has(*)) {color:#756570;}
#main > .account-grid > section.balance-card > .balance-amount > p.eyebrow:not(:has(*)) {color:#e6bfd3;}