/*
 * Pure Pet Food brand tokens - CSS custom properties and fonts.
 * Source: colours.md, typography.md in this folder, refined against a
 * real applied mockup (inbox/pure-tech-help.html, since moved to
 * templates/style/reference/) which had the actual font files embedded
 * and tuned tracking values. Copied into every generated project at
 * scaffold time (see scripts/generate-php-project.sh) - tokens.css and
 * fonts/ together, so each project is self-contained rather than
 * referencing this folder at runtime.
 *
 * Font files are self-hosted here (no CDN, per core principle 6). They
 * are copies of the brand's own files from
 * https://d1ngsrecva1aek.cloudfront.net/iterable/fonts.css (taken
 * 2026-09-30) - that CDN can't be linked directly: its CORS headers only
 * allow Iterable's email builder, so browsers block the fonts elsewhere.
 * "Pure Head"/"Pure Script" are working names kept so nothing else has
 * to change; the files are Formiga Semibold and Fave Script Pro. (Before
 * 2026-09-30 these names pointed at stand-ins, Bricolage Grotesque and
 * Kaushan Script, from the reference mockup.) Pure Head and Pure Script
 * are one weight each, declared across 100-900 so any requested weight
 * uses the real file instead of the browser faking a bold.
 */

@font-face {
    font-family: 'Pure Head';
    src: url('fonts/formiga-semibold.woff2') format('woff2');
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: 'Pure Script';
    src: url('fonts/fave-script-pro.woff2') format('woff2');
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('fonts/onest-regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('fonts/onest-medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('fonts/onest-semibold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('fonts/onest-bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('fonts/onest-extrabold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

:root {
    /* Primary brand colours - default base, highest visibility */
    --pure-pink: #FA8DDC;
    --pure-cream: #FFF7DE;
    --pure-plum: #7B0060;

    /* Extended palette - light/dark pairs, keep paired, don't cross-mix */
    --pure-blue-light: #51A8E0;
    --pure-blue-dark: #00558C;
    --pure-yellow-light: #FFB81C;
    --pure-yellow-dark: #DC4405;
    --pure-teal-light: #86C8BC;
    --pure-teal-dark: #1D6960;
    --pure-brown-light: #C07D59;
    --pure-brown-dark: #683431;
    --pure-berry-light: #FFAD95;
    --pure-berry-dark: #B52555;
    --pure-olive-light: #B0BC25;
    --pure-olive-dark: #006731;

    /* Pack colours - reserved for referencing a specific protein/product,
       treat as a closed set, don't reuse for general UI */
    --pure-pack-duck-light: #FA8DDC;
    --pure-pack-duck-dark: #7B0060;
    --pure-pack-herring-light: #B6CFD0;
    --pure-pack-herring-dark: #115E67;
    --pure-pack-turkey-light: #51A8E0;
    --pure-pack-turkey-dark: #00558C;
    --pure-pack-chicken-light: #FFB81C;
    --pure-pack-chicken-dark: #DC4405;
    --pure-pack-game-light: #86C8BC;
    --pure-pack-game-dark: #1D6960;
    --pure-pack-lamb-light: #C07D59;
    --pure-pack-lamb-dark: #683431;
    --pure-pack-salmon-light: #FFAD95;
    --pure-pack-salmon-dark: #B52555;
    --pure-pack-veggie-light: #B0BC25;
    --pure-pack-veggie-dark: #006731;
    --pure-pack-generic-light: #E8E6DF;
    --pure-pack-generic-dark: #B0A198;

    /* Neutral ink/hairline - not in colours.md, taken from the reference
       mockup where it's used throughout as body text and card borders */
    --pure-ink: #414140;
    --pure-line: rgba(123, 0, 96, 0.16);

    /* Typography - see typography.md for roles. Tracking values taken from
       the reference mockup (tuned against the real fonts) rather than the
       brand guide's stated -50/-25, which were a rougher estimate. */
    --pure-font-headline: 'Pure Head', 'Formiga Semibold', Arial, sans-serif;
    --pure-font-script: 'Pure Script', 'Fave Script Pro', cursive;
    --pure-font-body: 'Onest', system-ui, sans-serif;
    --pure-tracking-headline: -0.035em;
    --pure-tracking-body: -0.01em;
}