/*
 * Phase 02f — Asbestos Matter stylesheet.
 *
 * Loaded by TrustOnline/PageBase.cs (legacy WebForms) and TrustOnline.Web/_Layout.cshtml (MVC)
 * when the resolved Matter is Asbestos (MatterCode=ASB, MatterId=1).
 *
 * Asbestos is the incumbent, and its ramp is not new: it is the slate family already sitting in
 * site.css and default.css (#2E3A55 / #516798 / #A4B6CD / #DAE2EA), given role names. Every other
 * Matter fixes saturation per role and solves lightness so its contrast against white matches this
 * ramp role for role (11.34 / 5.61 / 2.07 / 1.31 / 1.10) — no Matter can be louder, darker or
 * flatter than another. Fixing lightness instead swings white-on-primary between 3.02:1 and 6.96:1
 * across the hue wheel, so the L values here are not the thing to copy.
 *
 * Identity varies by Matter. Status does not: error, warning, success, information, the grey ramp
 * and the product wordmark are defined once in site.css / default.css and are identical on every
 * Matter. A warning has to look like a warning wherever you are, which is why there is no longer a
 * --matter-accent — that token sat 7° from the warning amber and invited a second, louder hue into
 * the chrome.
 */
:root {
	--matter-hue:      221;       /* hue is the only free variable; lightness follows from it */
	--matter-ink:      #2E3A55;   /* hsl(221, 30%, 26%)  headings, borders, button hover */
	--matter-primary:  #516798;   /* hsl(221, 30%, 46%)  header bar, strip — white 5.61:1 */
	--matter-muted:    #A4B6CD;   /* hsl(221, 29%, 72%)  dividers, disabled chrome */
	--matter-tint:     #DAE2EA;   /* hsl(221, 28%, 89%)  selected rows, panel fills */
	--matter-wash:     #F2F4F7;   /* hsl(221, 25%, 96%)  lightest step — panel and page grounds */
	--matter-body-bg:  #FFFFFF;   /* Asbestos is production — the page ground stays white */
	--matter-body-fg:  #1A1A1A;
}

/* Matter cue: 4px strip at very top of body. Same device and dimensions on every Matter, so the
   strip reads as one shared structural element; only the colour differs. Takes --matter-ink, not
   --matter-primary: the strip sits directly on the header bar, and at --matter-primary it would be
   the same colour as the bar and read as nothing. */
.matter-accent-strip {
	height: 4px;
	width: 100%;
	background-color: var(--matter-ink);
}

/* Token-consuming utility classes — provided here too because the legacy app has no SCSS bundle
   and the MVC bundle's _matter-tokens.scss is loaded separately. */
.matter-primary-bg     { background-color: var(--matter-primary); }
.matter-primary-text   { color:            var(--matter-primary); }
.matter-primary-border { border-color:     var(--matter-primary); }

/* The header bar adopts the Matter colour. For Asbestos this is the same #516798 those selectors
   already resolve to in site.css / default.css, so nothing moves. */
.HeaderUserControl,
#HeaderUserControl,
.HeaderBackground,
.header-banner {
	background-color: var(--matter-primary) !important;
}

body {
	background-color: var(--matter-body-bg);
	color:            var(--matter-body-fg);
}