/*
 * Theme of the shop: colours, fonts and the logo treatment. Everything else (layout, components) is shared by all
 * shops and lives in shop.css.
 *
 * This file is the neutral theme the template ships with — do not edit it in a shop. A shop gives itself a face
 * with files of its own, which the template never touches (so updates never conflict):
 *   public/theme/brand.css               the same variables with the shop's values, and its @font-face rules
 *   public/theme/logo.svg or logo.png    the logo (picked up automatically)
 *   public/theme/fonts/                  font files
 *   resources/shop/<locale>/brand.php    slogans and brand copy (keys as in resources/messages/<locale>/brand.php)
 */
:root {
    /* Page and text */
    --paper: #fbfaf8;          /* page background */
    --ink: #24211e;            /* main text, primary buttons */
    --ink-hover: #45403a;      /* primary button on hover */
    --on-ink: #ffffff;         /* text on --ink */
    --muted: #6f6a64;          /* secondary text */
    --accent: #24211e;         /* filled favourite, small accents */
    --link-hover: #7a6a58;
    --focus: #7a6a58;          /* keyboard focus ring */

    /* Lines and surfaces */
    --line: #e4e1dc;
    --line-strong: #cfcac3;
    --line-dark: #8d867d;
    --surface: #f1efeb;        /* soft panels */
    --surface-strong: #e9e6e0; /* hero and story backgrounds */
    --media: #efedea;          /* behind product photos */

    /* Footer */
    --footer-bg: #24211e;
    --footer-ink: #f3f1ed;
    --footer-muted: #c9c4bc;

    /* States */
    --error: #9a3b28;
    --error-surface: #f4e2dc;
    --success: #3d5f39;
    --success-surface: #e2e9dd;

    /* Type: --serif for headings, --sans for everything else */
    --serif: Georgia, 'Times New Roman', serif;
    --sans: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;

    /* Logo image: how it is blended into the header and the footer (none = shown as is) */
    --logo-filter: none;
    --logo-blend: normal;
    --logo-footer-filter: brightness(0) invert(1);
    --logo-footer-blend: normal;
}