/*
 * NovaGold light-mode material layer for the authenticated customer app.
 * Isolated from the dark royal base so every app surface remains readable in daylight.
 */

html[data-theme="light"] .nta-topbar {
  border-bottom-color: rgba(71, 111, 136, 0.2);
  background: linear-gradient(180deg, rgba(255, 253, 247, 0.82), rgba(239, 246, 248, 0.54));
}

html[data-theme="light"] .nt-app-page :is(
  .nta-action-card,
  .nta-profile-choices,
  .nta-profile-choice,
  .nta-position-row,
  .nta-council-preview-copy,
  .nta-council-member
) {
  border-color: rgba(83, 125, 151, 0.28);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.91), rgba(230, 241, 246, 0.84));
  color: #07162a;
  box-shadow: 0 20px 48px rgba(73, 83, 87, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

html[data-theme="light"] .nt-app-page :is(
  .nta-onboarding-card,
  .nta-settings-boundary,
  .nta-council-preview-copy,
  .nta-profile-choice:has(input:checked)
) {
  border-color: rgba(181, 125, 32, 0.36);
  background: linear-gradient(145deg, rgba(255, 246, 216, 0.94), rgba(235, 244, 247, 0.88));
}

html[data-theme="light"] .nt-app-page :is(
  .nta-action-card-head p,
  .nta-action-card > p,
  .nta-profile-choice small,
  .nta-council-preview-copy > p:not(.nt-kicker),
  .nta-position-row small
) {
  color: #536a7d;
}

html[data-theme="light"] .nt-app-page :is(
  .nta-action-card-head h2,
  .nta-profile-choice strong,
  .nta-position-row strong,
  .nta-council-preview-copy h2,
  .nta-council-member strong
) {
  color: #07162a;
}

html[data-theme="light"] .nt-app-page :is(
  .nt-data-source-card span,
  .nta-profile-choices legend,
  .nta-ledger-head > span,
  .nta-form-head .nt-kicker
) {
  color: #226386;
}

html[data-theme="light"] .nt-app-page :is(.nta-morning-state-pill, .nta-ready-pill) {
  color: #7d5109;
}

html[data-theme="light"] .nt-app-page :is(
  .nta-profile-editor label,
  .nta-position-form label,
  .nta-settings-card label,
  .nta-morning-brief-card label,
  .nta-check-row
) {
  color: #34566d !important;
}

html[data-theme="light"] .nt-app-page .nta-boundary-check {
  border-color: rgba(154, 102, 18, 0.3);
  background: rgba(245, 232, 193, 0.55);
}

html[data-theme="light"] .nt-app-page .nta-field-grid > label > span {
  color: #9a640e;
}