/* ============================================================ Legacy eQuote theme — based on NBS.eQuote/Presentation/eQuote/Styles/Site.css The classic app was predominantly white with a steel-blue header stripe. Unlike the other brand overrides, this one re-skins nearly every token — surfaces, borders, text, accent, and status colors — plus a couple of non-token decorative rules (the topbar gradient), since the legacy look isn't just a different accent color. Selector note: this brand ignores the light/dark toggle entirely (it's always the same fixed look), but the base light theme in brand-tokens.css still applies to whenever data-theme="light" is set — including when data-brand="legacy" is also set. :root[data-theme="light"] has higher specificity than a plain html[data-brand] selector, so without an equally-qualified selector here, the base light tokens would silently win over legacy's for every user whose persisted theme preference is light. ============================================================ */ html[data-brand="legacy"], :root[data-theme="light"][data-brand="legacy"] { /* White-dominant surfaces — legacy was mostly white content on a gray page */ --nbg-color-surface-1: #FFFFFF; /* body/topbar background — white (inverted from before) */ --nbg-color-surface-2: #F5F5F7; /* sidebar — very slight off-white */ --nbg-color-surface-3: #EBEBED; /* hover / alternating rows */ --nbg-color-surface-4: #E0E1E4; --nbg-color-surface-5: #D4D5D8; --nbg-color-border-1: #D8D9DC; --nbg-color-border-2: #C8C9CC; --nbg-color-border-3: #AAAAAA; --nbg-color-text-1: #222222; /* dark primary text */ --nbg-color-text-2: #555555; --nbg-color-text-3: #696969; /* legacy body text (Site.css: color: #696969) */ --nbg-color-text-4: #888888; /* Brand: legacy steel blue (Site.css .header background: #4B6C9E) */ --nbg-color-accent: #4B6C9E; --nbg-color-accent-strong: #6389BE; --nbg-color-accent-dim: #DDE4EC; --nbg-color-accent-tint: #4B6C9E1A; --nbg-color-accent-tint-2: #4B6C9E2E; /* The steel blue isn't dark enough for near-black ink text (brand-tokens.css's dark-mode default for on-accent) to read clearly — use white instead. */ --nbg-color-on-accent: var(--nbg-color-brand-white); /* Single flat color, not a gradient — see .brand-mark in _layout.scss. */ --nbg-color-brand-mark: var(--nbg-color-brand-white); /* Status tokens for light backgrounds */ --nbg-color-info: #2A7FA8; --nbg-color-info-tint: #2A7FA81A; --nbg-color-warning: #B8860B; --nbg-color-warning-tint: #B8860B1A; --nbg-color-warning-dim: #B8860B4D; --nbg-color-success: #006325; --nbg-color-success-tint: #00632514; --nbg-color-success-dim: #00632540; --nbg-shadow-soft: 0 1px 2px #00000014; --nbg-shadow-mid: 0 8px 24px -8px #00000026; --nbg-shadow-pop: 0 24px 60px -16px #00000033; /* Legacy fonts (verbatim from Site.css font-family declaration) */ --nbg-type-font-display: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; --nbg-type-font-sans: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; } /* Topbar: steel-blue gradient header — the 2015 enterprise look Site.css .header was flat #4B6C9E; we add the era-appropriate gradient. This is decorative background art, not a token — unlike .brand-mark's fill, nothing else needs to reuse or override this specific gradient. Uses the dedicated --nbg-color-topbar-* tokens, not the plain text/border ones — the topbar's own content (breadcrumbs) opts into these via a fallback, but anything nested in the topbar that renders its own surface (the profile dropdown, a popover) keeps reading the plain tokens and is unaffected, even though it's a DOM descendant of .topbar. */ html[data-brand="legacy"] .topbar, :root[data-theme="light"][data-brand="legacy"] .topbar { background: linear-gradient(180deg, #5A7DAF 0%, #4B6C9E 60%, #3D5B8A 100%); border-bottom: 1px solid #2E4A75; --nbg-color-topbar-text-1: #FFFFFF; --nbg-color-topbar-text-2: #DDE4EC; --nbg-color-topbar-text-3: #BFCBD6; --nbg-color-topbar-text-4: #8FA3B4; --nbg-color-topbar-border-1: #3A5A8C; /* save-status-dot reads --nbg-color-accent to mean "the brand color" — but legacy's accent IS the topbar's own background, so it needs its own contrasting value here. */ --nbg-color-topbar-accent: #FFFFFF; }