/* ============================================================================
   Leif List USER PROFILE page — "Editorial / Navy" theme (page-specific surfaces)
   ----------------------------------------------------------------------------
   Load order in <head>:
       ../styles/theme.css          (tokens · base · buttons + REMAPS the base
                                      tokens --card-bg/--text-primary/… → editorial)
       ../styles/theme-chrome.css   (header · category sub-nav · footer)
       ./theme-user_profile.css     (THIS FILE — welcome banner + the few
                                      hardcoded surfaces the token remap misses)

   Most of this page already re-themes for free: its cards, sidebar, and text
   consume the base tokens (--card-bg, --text-primary, --text-muted, …) that
   theme.css remaps to the editorial palette. This file only handles surfaces
   that hardcode their own colors, plus the welcome banner treatment. Semantic
   colors (preference tiers, per-category accents, sidebar active green) are
   intentionally LEFT ALONE. Flag off ⇒ inert ⇒ original page.
   ============================================================================ */

/* =========================================================
   Welcome banner — navy band (was a tan block), light text.
   ========================================================= */
/* Navy band ending in the site wave (styles/theme.css); the padding keeps
   the wave clear of the greeting. */
.ed-theme .welcome-banner { background: var(--leif-green-deep); padding-bottom: var(--leif-wave-h); }
.ed-theme .welcome-banner__eyebrow { color: var(--hero-eyebrow); }
.ed-theme .welcome-banner__greeting { color: var(--hero-heading); font-weight: 500; }
.ed-theme .welcome-banner__subtext { color: var(--hero-subtext); }

/* =========================================================
   Headings — the base uses weight 800 + hardcoded near-black on
   a few; bring them to editorial ink @ 500. (Token-based titles
   already re-themed via theme.css.)
   ========================================================= */
.ed-theme .profile-card__title,
.ed-theme .pill-section-title,
.ed-theme .survey-page__title,
.ed-theme .tune-block-title,
.ed-theme .survey-acc__title { color: var(--leif-text); font-weight: 500; }
.ed-theme .profile-card__subtitle,
.ed-theme .survey-page__desc,
.ed-theme .tune-block-desc,
.ed-theme .survey-acc__sub { color: var(--leif-text-secondary); }

/* =========================================================
   Sidebar — card + header already token-driven. Active item
   keeps its green fill (an action/selected state). Just align
   the hover + primary sign-in button to editorial green.
   ========================================================= */
.ed-theme .sidebar-nav-item:hover { background: var(--leif-canvas); }
.ed-theme .profile-sidebar__signin-btn { background: var(--leif-action-clay); }
.ed-theme .profile-sidebar__signin-btn:hover { background: var(--leif-action-clay-dark); }

/* =========================================================
   Survey accordions — neutral header hover; keep the subtle
   per-category tints (they orient the user by section).
   ========================================================= */
.ed-theme .survey-acc__header:hover { background: var(--leif-canvas); }

/* =========================================================
   Help links → green action
   ========================================================= */
.ed-theme .help-link { color: var(--leif-action-clay); font-weight: 500; }
.ed-theme .help-link:hover { color: var(--leif-action-clay-dark); }