/* Maes Industries — Public Portal · design tokens
   English-first. Brand derived from maesindustries.be (primary #009ee0, Source Sans Pro). */
:root {
    /* Brand (Maes) — navy primary, with azure (cooling) + red (heating) accents.
       Logo = red flame (heating) + blue snowflake (cooling). Buttons/links are navy. */
    --brand: #234591;        /* navy — primary (header, links, emphasis)  */
    --brand-600: #1c3a7a;    /* navy hover                                */
    --brand-700: #162f60;    /* navy deep                                 */
    --brand-tint: #eaeef9;   /* navy 8% — badges / selected               */
    --azure: #009ee0;        /* cooling accent (snowflake)                */
    --azure-ink: #0075a8;    /* readable azure for text on light          */
    --azure-tint: #e6f6fd;   /* azure 8%                                  */
    --red: #e2001a;          /* heating accent (flame) — used sparingly   */

    /* Surfaces & text */
    --bg: #f4f6f8;
    --panel: #ffffff;
    --ink: #252c3d;
    --ink-strong: #141f30;
    --muted: #5c6472;
    --line: #e7ecf0;
    --line-strong: #d4dbe1;

    /* Shape & elevation */
    --radius: 10px;
    --radius-ctl: 6px;
    --shadow: 0 1px 2px rgba(16, 32, 48, .06), 0 6px 20px rgba(16, 32, 48, .06);

    /* Typography */
    --font: "Source Sans Pro", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
    --fs-base: 15px;

    /* Semantic status (never themed) */
    --ok: #1f9d55;
    --warn: #d08a00;
    --err: #c0392b;

    /* Layout */
    --maxw: 760px;
}

/* Dark theme scaffold (not enabled yet) — override brand/surfaces only. */
html[data-theme="dark"] {
    --bg: #0f1820;
    --panel: #16222c;
    --ink: #e8eef2;
    --muted: #9aa7b2;
    --line: #223240;
    --line-strong: #2c3f4f;
    --brand-tint: #0c2a38;
}