/* Brand colors sampled from the supplied presentations, 2026-09-30.
   Darker functional pink preserves contrast; status colors retain their meaning. */
:root {
  --brand-navy: #222656;
  --brand-purple: #653078;
  --brand-pink: #df2775;
  --brand-action: #ac205d;
  --brand-wash: #faf0f6;
  --purple: var(--brand-purple);
  --ink: #26243b;
  --muted: #535069;
  --line: #e5dce9;
  --bg: #faf8fc;
}
.system-shell {
  --console-ink: var(--ink);
  --console-muted: var(--muted);
  --console-accent: var(--brand-purple);
  --console-line: var(--line);
  background: var(--bg);
}
h1, h2, h3, .console-heading h1 { color: var(--brand-navy); }
.app-header { border-top: 4px solid var(--brand-pink); }
.app-header .brand { flex-direction: column; align-items: center; gap: 0; justify-self: start; }
.brand-logo { display: block; width: 168px; max-width: 100%; height: auto; }
.brand .brand-tagline { color: var(--brand-navy); font-family: var(--font-body); font-size: 1rem; font-weight: 500; white-space: normal; text-align: center; }
.user-avatar, .profile-avatar { color: var(--brand-purple); background: #f5e8f3; }
.header-login, .logout-button { color: var(--brand-purple); border-color: #d9c4db; }
.system-sidebar { background: linear-gradient(165deg, #222656 0%, #43235f 65%, #653078 100%); }
.console-symbol { background: #733579; border: 1px solid #bb8cab; }
.console-symbol img { display: block; object-fit: contain; }
.console-nav>a, .sidebar-bottom>a { color: #f5eff9; }
.console-nav>a:hover, .sidebar-bottom>a:hover { background: #563068; }
.console-nav>a[aria-current=page] { background: #733579; box-shadow: inset -4px 0 #ff91bc; color: #fff; }
.sidebar-heading div>span, .nav-label { color: #e3d8ed; }
.sidebar-bottom { border-color: #796389; }
.console-heading .overline, .eyebrow, .hero-copy .eyebrow { color: var(--brand-purple); }
.profile-progress, .welcome-panel { background: linear-gradient(110deg, #faf0f6, #f0edf9); border-color: #ddcce4; }
.console-metrics strong, .workspace-metrics strong, .task-tabs strong { color: var(--brand-navy); }
.case-tabs>a[aria-current=page] { border-color: var(--brand-pink); }
.task-tabs a[aria-current=page] { background: var(--brand-wash); border-color: var(--brand-action); color: var(--brand-purple); }
.work-center-tabs a[aria-current=page] { background: var(--brand-purple); }
input[type=checkbox], input[type=radio] { accent-color: var(--brand-purple); }
:focus-visible, .console-main :focus-visible { outline-color: var(--brand-action); }
.system-sidebar :focus-visible { outline-color: #ffcfdf; }
.icon-heart { --icon-ink: var(--brand-action); --icon-wash: #fce7f1; }
.icon-plus, .icon-users, .icon-settings { --icon-ink: var(--brand-purple); --icon-wash: #f2e7f6; }
.gateway-page { background: #fdfbfd; }
.hero-copy h1 { color: var(--brand-navy); }
.hero-copy h1 em { color: var(--brand-action); }
.hero-description { color: var(--muted); }
.small-star { color: var(--brand-action); }
.gateway-primary { background: var(--brand-action); box-shadow: 0 6px 18px #ac205d20; }
.brand-hero-card { border: 1px solid var(--line); border-radius: 28px; overflow: hidden; background: #fff; box-shadow: 0 16px 48px #22265612; }
.brand-hero-logo { padding: 28px 32px; }
.brand-hero-logo img { display: block; width: 100%; height: auto; }
.brand-hero-message { display: grid; justify-items: center; gap: 12px; padding: 28px 20px 36px; text-align: center; color: white; background: linear-gradient(125deg, #222656, #653078 55%, #ac205d); }
.brand-hero-message img { width: 48px; height: 48px; }
.brand-hero-message p { font-family: var(--font-body); font-size: clamp(1.75rem, 3vw, 2.5rem); line-height: 1.35; margin: 0; }
.brand-hero-message strong { font-weight: 700; }
.gateway-bottom { border-color: var(--line); }
.gateway-bottom h2 { color: var(--brand-navy); }
.gateway-bottom>div { padding-inline-start: 58px; }
.step-number { color: var(--brand-action); font-size: 1.75rem; font-weight: 800; line-height: 1; }

@media (max-width: 650px) {
  .gateway-bottom>div { padding-inline-start: 52px; }
  .step-number { font-size: 1.6rem; }
}
.login { border-top: 4px solid var(--brand-pink); box-shadow: 0 12px 36px #2226560a; }
@media(max-width:650px) {
  .brand-logo { width: 140px; }
  .brand-hero-logo { padding: 22px; }
  .brand-hero-message { padding: 22px; }
}
@media(forced-colors:active) {
  .system-sidebar, .brand-hero-message { background: Canvas; color: CanvasText; border: 1px solid CanvasText; }
  .brand-hero-message img, .console-symbol { forced-color-adjust: none; background: #222656; }
  :focus-visible, .console-main :focus-visible, .system-sidebar :focus-visible { outline-color: Highlight; }
  .console-nav>a[aria-current=page] { border: 2px solid Highlight; }
}