/* ── Mercedes-Benz Workbench bridge ──────────────────────────────────────────
   Source: @workbench/core 7.82.0 + workbench tokens 2.7.0 (brands/mercedes-benz)
   from assets.oneweb.mercedes-benz.com. Aeon doesn't run the wb-* web components
   — it adopts the Workbench THEME: genuine MB Corpo fonts (vendored locally so
   nothing depends on the CDN at runtime) and the brand's semantic colors, exposed
   as --wb-* custom properties that app.css's own tokens point at.

   Values are verbatim from the token sheet unless marked "derived" — the sheet is
   light-surface-first, so the on-dark accents reuse its `on-contrast` ramp.

   THIS FILE IS THE ONLY PLACE MB CORPO IS DECLARED. app.css used to carry its own
   @font-face copies pointing at a second set of woff2 under wwwroot/fonts/; every family
   was then declared twice, the browser fetched both copies, and the later-arriving one
   repainted text that had already painted — a visible flicker on every cold load. One
   declaration site, one set of files. If you add a face, add it here. */

/* MBCorpo A Title Cond is the Mercedes ANTIQUA — a SERIF display face, for campaign
   headlines. It is deliberately NOT wired to --font-display: this is a data-dense
   workspace, and a serif at an 17px h2 is what "the theme looks wrong" felt like.
   Declared (and so available) but unreferenced, which costs nothing — an unused
   @font-face is never fetched. Headings use MBCorpo S Title below. */
@font-face {
    font-family: "MBCorpo Title";
    font-weight: 400; font-style: normal; font-display: swap;
    src: url("fonts/MBCorpoATitleCond-Regular-Web.woff2") format("woff2");
}
/* MBCorpo S Title — the SANS title face, what Workbench and mercedes-benz.de set UI
   headings in. This is --font-display. Unlike A Title it has a real 700, so headings
   can take weight without the browser synthesizing a fake bold. */
@font-face {
    font-family: "MBCorpo S Title";
    font-weight: 400; font-style: normal; font-display: swap;
    src: url("fonts/MBCorpoSTitle-Regular-Web.woff2") format("woff2");
}
@font-face {
    font-family: "MBCorpo S Title";
    font-weight: 700; font-style: normal; font-display: swap;
    src: url("fonts/MBCorpoSTitle-Bold-Web.woff2") format("woff2");
}
@font-face {
    font-family: "MBCorpo Text";
    font-weight: 400; font-style: normal; font-display: swap;
    src: url("fonts/MBCorpoSText-Regular-Web.woff2") format("woff2");
}
@font-face {
    font-family: "MBCorpo Text";
    font-weight: 700; font-style: normal; font-display: swap;
    src: url("fonts/MBCorpoSText-Bold-Web.woff2") format("woff2");
}

:root {
    /* Brand blue — --wb-color-border-brand-(default|hover|active) */
    --wb-brand: #0078d6;
    --wb-brand-hover: #006abc;
    --wb-brand-active: #0060ab;
    --wb-brand-tint: #3395e0;      /* derived: +1 tint step for text/hover on dark surfaces */

    /* The neutral ramp Workbench builds every surface from (shape/surface tokens).
       MB dark is deliberately NEUTRAL — no blue cast. */
    --wb-black: #000;
    --wb-grey-95: #0e0e0e;         /* derived: between black and surface-main-selected #141414 */
    --wb-grey-90: #1a1a1a;
    --wb-grey-85: #262626;         /* --wb-color-shape-stronger-default */
    --wb-grey-80: #333;            /* --wb-color-shape-strong-default */
    --wb-grey-60: #4f4f4f;         /* --wb-color-border-on-contrast-dim-default */
    --wb-grey-40: #9f9f9f;         /* --wb-color-border-on-contrast-main-default */
    --wb-white-soft: #f4f4f4;      /* --wb-color-border-on-contrast-*-selected family */
}