/* Theme 1 "Everyday" - fits any kind of shop. Tokens only; the layout lives in
   assets/storefront/shagofy-store.css. Variant colours follow Shagofy's palette. */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap');

:root {
    --first-font: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --second-font: var(--first-font);
}

body.sg1 {
    --sg-accent: var(--theme-color, #8C52FF);
    --sg-accent-soft: color-mix(in srgb, var(--sg-accent) 8%, #fff);
    --sg-accent-ink: color-mix(in srgb, var(--sg-accent) 80%, #000);
    --sg-warm: #b7791f;
    --sg-ink: #121212;
    --sg-text: #3f3f3f;
    --sg-muted: #6e6e6e;
    --sg-line: #e5e5e3;
    --sg-soft: #f5f5f3;
    --sg-page: #ffffff;
    --sg-footer: #ffffff;
    --sg-sale: #b42318;
    --first-font: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --second-font: var(--first-font);
    --sg-display: var(--first-font);
}

/* The store's own colour is set in partials/head, so cart and checkout follow along. */