/*
 * Storefront theme — public site only (/)
 *
 * Separate from Admin/Staff (panel-theme.css). Changing panel --palette-*
 * does not affect the store. To retheme the storefront, edit only the four
 * --store-palette-* seeds below; store aliases (--primary, --accent, …)
 * update automatically.
 *
 * Seeded from the same ColorHunt quartet as the panels (copied, not linked):
 * https://colorhunt.co/palette/546b4199ad7adcccacfff8ec
 */

:root {
    /* ═══════════════════════════════════════════════════════════
       PALETTE SEEDS — edit these to swap the whole store theme
       ═══════════════════════════════════════════════════════════ */
    /* https://colorhunt.co/palette/546b4199ad7adcccacfff8ec */
    --store-palette-primary: #546B41;
    --store-palette-accent: #99AD7A;
    --store-palette-sand: #DCCCAC;
    --store-palette-cream: #FFF8EC;
    /* ═══════════════════════════════════════════════════════════ */

    /* Store semantic aliases (used across store.css / app.css) */
    --primary: var(--store-palette-primary);
    --primary-dark: color-mix(in srgb, var(--store-palette-primary) 80%, #000000);
    --primary-soft: color-mix(in srgb, var(--store-palette-accent) 32%, var(--store-palette-cream));
    --accent: var(--store-palette-accent);
    --accent-dark: color-mix(in srgb, var(--store-palette-accent) 72%, #2a3420);
    --sale: var(--store-palette-primary);
    --danger: #8f241c;
    --text: color-mix(in srgb, var(--store-palette-primary) 58%, #12160e);
    --text-soft: color-mix(in srgb, var(--store-palette-primary) 42%, #6a6a5a);
    --muted: color-mix(in srgb, var(--store-palette-primary) 38%, #8a8678);
    --border: color-mix(in srgb, var(--store-palette-sand) 72%, var(--store-palette-cream));
    --surface: color-mix(in srgb, var(--store-palette-cream) 72%, #ffffff);
    --surface-soft: color-mix(in srgb, var(--store-palette-sand) 42%, var(--store-palette-cream));
    --app-bg: var(--store-palette-cream);
    --shadow: 0 6px 24px color-mix(in srgb, var(--text) 10%, transparent);

    --store-meta: var(--store-palette-primary);
    --store-gradient: linear-gradient(115deg, var(--primary-dark), var(--primary) 60%, var(--accent));
}