/*
 * Design tokens for the public site.
 *
 * Loaded FIRST, before the vendor theme, so these are the base values. The
 * layout then emits an inline :root block for any token a client has actually
 * changed from the config default, which wins on source order.
 *
 * Every value here is the literal the vendor stylesheet used to hardcode, so a
 * deploy with no settings rows renders byte-identically to before.
 *
 * Tokens live in custom properties rather than on a class because
 * public/assets/js/custom.js overwrites document.documentElement.className on
 * every page load for its (disabled) dark-mode switch.
 */
:root {
    /* Brand */
    --brand-primary: #0046c0;
    --brand-primary-rgb: 0, 70, 192;
    --brand-primary-dark: #0843aa;
    --brand-primary-alt: #2459b8;
    --brand-accent: #4d93e9;

    /* Text */
    --body-text: #4a6f8a;
    --heading: #232323;

    /* Typography */
    --brand-font: "Poppins", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

    /* Logo box. The bundled logo.png is 120x107 inside a 120x90 box, i.e. it
       already overflows; keeping height:auto preserves that exact rendering. */
    --logo-box-w: 120px;
    --logo-box-h: 90px;
    --logo-img-h: auto;
    --logo-radius: 0px 0px 70px 80px;
    --logo-fit: fill;
}

/* The copyright line renders the brand in caps; scoping it to a class keeps
   that look for any client name instead of baking the caps into the string. */
.copyright-area .copyright-item p .copyright-brand { text-transform: uppercase; }