/* MATT storefront theme — generated from Admin → Appearance. */
:root {
    --brand: #c23a4f;
    --brand-dark: #cd5d6f;
    --brand-tint: #43272d;
    --brand-ink: #ffffff;
    --link: #d37181;
    --brand-line: #582a33;
    --tint-ink: #d77f8d;
    --field-border: #7b7c7c;
    --bg: #1f2124;
    --surface: #2a2c30;
    --surface-2: #35373a;
    --line: #444549;
    --ink: #ecebe8;
    --ink-soft: #c7c7c5;
    --muted: #969696;
    --header-bg: rgba(31, 33, 36, 0.96);
    --header-bar: #c23a4f;
    --footer-bg: #161719;
    --footer-ink: #e9e7e3;
    --footer-muted: #b4b1ab;
    --photo-bg: #ffffff;
    --radius-sm: 8px;
    --radius: 12px;
    --radius-lg: 18px;
    --shadow: 0 1px 0 rgba(0, 0, 0, .35);
    --shadow-hover: 0 6px 18px rgba(0, 0, 0, .45);
    --grain: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27160%27 height=%27160%27%3E%3Cfilter id=%27n%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%27.9%27 numOctaves=%272%27 stitchTiles=%27stitch%27/%3E%3CfeColorMatrix values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .035 0%27/%3E%3C/filter%3E%3Crect width=%27100%25%27 height=%27100%25%27 filter=%27url(%23n)%27/%3E%3C/svg%3E");
    --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-heading: Avenir, "Avenir Next", Montserrat, Corbel, "URW Gothic", "Segoe UI", sans-serif;
    --color-scheme: dark;
}