/*
 * LELE — colours, fonts and logo treatment (design system: design.md).
 * Overrides the neutral theme of the template; layout and components stay in shop.css.
 */
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/cormorant-400.woff2) format('woff2'); }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/cormorant-500.woff2) format('woff2'); }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/cormorant-600.woff2) format('woff2'); }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 400; font-display: swap; src: url(fonts/cormorant-400-italic.woff2) format('woff2'); }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 500; font-display: swap; src: url(fonts/cormorant-500-italic.woff2) format('woff2'); }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/manrope-400.woff2) format('woff2'); }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/manrope-500.woff2) format('woff2'); }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/manrope-600.woff2) format('woff2'); }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/manrope-700.woff2) format('woff2'); }

:root {
    --paper: #faf8f3;
    --ink: #38291f;
    --ink-hover: #654737;
    --on-ink: #fff8ed;
    --muted: #776b60;
    --accent: #51372a;
    --link-hover: #9a654b;
    --focus: #98784f;

    --line: #ded8ce;
    --line-strong: #cfc5b9;
    --line-dark: #8a7969;
    --surface: #eee8df;
    --surface-strong: #e8ded1;
    --media: #eeeae4;

    --footer-bg: #34291f;
    --footer-ink: #f1eadd;
    --footer-muted: #d2c4b3;

    --error: #984329;
    --error-surface: #efdfd8;
    --success: #41603c;
    --success-surface: #e1e7db;

    --serif: 'Cormorant Garamond', Georgia, serif;
    --sans: Manrope, Arial, sans-serif;

    /* The logo file has a cream background: it is blended into the page, and inverted on the dark footer. */
    --logo-filter: grayscale(1) contrast(1.3);
    --logo-blend: multiply;
    --logo-footer-filter: grayscale(1) invert(1) contrast(2);
    --logo-footer-blend: screen;
}