/* Web card typography only. Retain each screen's existing sizes and line heights. */
.app-view-shell[data-view] {
    --ek1-card-type-family: 'Inter', sans-serif;
    --ek1-card-type-title: #142b4b;
    --ek1-card-type-muted: #667c94;
    --ek1-card-type-weight: 700;
}
.app-view-shell[data-view] :where(section, article, div, a, button)[class*="rounded"] {
    font-family: var(--ek1-card-type-family);
}
/* Existing single-line truncated labels can safely use the dashboard title weight.
   Multiline body text, numeric amounts, badges and button dimensions retain their rules. */
.app-view-shell[data-view]:not([data-production-dashboard]) :is(h1, h2, h3),
.app-view-shell[data-view]:not([data-production-dashboard]) .truncate.font-black:not(i):not(input):not(select) {
    font-family: var(--ek1-card-type-family);
    font-weight: var(--ek1-card-type-weight);
}
.app-view-shell[data-view]:not([data-production-dashboard]) :is(h1, h2, h3, .font-black, .font-bold, .font-semibold):not(:where(button, button *, [class*="text-white"], [class*="text-white"] *)):is([class*="text-[#2F4F6F]"], [class*="text-[#2C3E50]"], [class*="text-[#34495E]"], [class*="text-[#292C2F]"]) {
    color: var(--ek1-card-type-title) !important;
}
.app-view-shell[data-view]:not([data-production-dashboard]) :where(section, article, div, a)[class*="rounded"] :is(p, small, span, div):not(:where(button, button *, input, select, textarea, i, [class*="text-white"], [class*="text-white"] *)):is([class*="text-[#91A2AF]"], [class*="text-[#9AABB8]"], [class*="text-[#97A6B3]"], [class*="text-[#8998A5]"], [class*="text-[#7B8E9D]"], [class*="text-[#9AA9B5]"], [class*="text-[#6F8190]"], [class*="text-[#BDC3C7]"], [class*="text-[#95A5A6]"], [class*="text-[#8A9AA7]"]) {
    color: var(--ek1-card-type-muted) !important;
}