/* ==========================================================================
   Millboard brand: F37 Ginger + colour tokens
   ==========================================================================

   FONT LICENCE, READ BEFORE EDITING.

   F37 Ginger is perpetually licensed to The Millboard Company Limited, and that
   licence permits web use of ONLY the EOT / WOFF / WOFF2 / Web-Only TTF files
   F37 supplied. Raw desktop `.ttf` must NEVER be referenced from a stylesheet
   or placed on a web path.

   Every `src` below is `woff2` for that reason. If you are about to add a
   `format("truetype")` line, stop. The 2022 claim over unlicensed use cost
   Millboard GBP 50,000 plus roughly GBP 31,500 in legal costs.

   Source of these files: design/brand/fonts/ (copied to public/fonts/f37/)

   WEIGHTS. The brand guidelines forbid Thin (100) and discourage Regular (400)
   in brand layouts: use Light (300) for headings and body, Bold (700) for
   emphasis. Regular is declared here because application UI legitimately needs
   it, but the body default below is 300.
   ========================================================================== */

@font-face {
    font-family: "F37 Ginger";
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url("/fonts/f37/f37ginger-light.woff2") format("woff2");
}

@font-face {
    font-family: "F37 Ginger";
    font-weight: 300;
    font-style: italic;
    font-display: swap;
    src: url("/fonts/f37/f37ginger-lightitalic.woff2") format("woff2");
}

@font-face {
    font-family: "F37 Ginger";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("/fonts/f37/f37ginger-regular.woff2") format("woff2");
}

@font-face {
    font-family: "F37 Ginger";
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    src: url("/fonts/f37/f37ginger-italic.woff2") format("woff2");
}

@font-face {
    font-family: "F37 Ginger";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("/fonts/f37/f37ginger-bold.woff2") format("woff2");
}

@font-face {
    font-family: "F37 Ginger";
    font-weight: 700;
    font-style: italic;
    font-display: swap;
    src: url("/fonts/f37/f37ginger-bolditalic.woff2") format("woff2");
}

/* --------------------------------------------------------------------------
   Colour tokens, exact hexes from the Millboard brand guidelines.
   Theme tokens rather than hard-coded colour, per the mountable-component
   rule in docs/SCOPE.md.
   -------------------------------------------------------------------------- */

:root {
    --mb-font: "F37 Ginger", "Helvetica Neue", Helvetica, Arial, sans-serif;

    --mb-spring-wood: #F8F4F0;  /* default page background, never pure white */
    --mb-mist: #DEDBD2;
    --mb-charcoal-black: #2F292E;  /* titles and body */
    --mb-charcoal: #47474C;  /* logo only, never body */
    --mb-olive: #78953C;  /* accent only, never titles or body */
    --mb-apple: #A0CD4F;
    --mb-wenge: #625249;
    --mb-sustainable-green: #34401A;

    --mb-muted: #6e6a6c;
    --mb-line: rgba(47, 41, 46, 0.18);
    --mb-bad: #96412F;

    /* Brand is geometric and precise. Keep radii small, no pillowy rounding. */
    --mb-radius: 2px;
}