@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;600;700&display=swap');

/* Client style overrides */
:root {
    --bg: #ffe4ed;
    --panel: #ffe4ed;
    --card: #ffe4ed;
    --accent: rgba(72, 72, 72, 0.45);
    --accent-solid: #484848;
    --accent-text: #ffffff;
    --lightbox-overlay: rgba(72, 72, 72, 0.92);
    --lightbox-meta: rgba(72, 72, 72, 0.68);
    --sale-badge-radius: 999px;
    --font-main: 'Quicksand', sans-serif;
}

body, input, button, select, textarea, table { font-family: var(--font-main); }
h1 { font-family: 'Quicksand', sans-serif; font-style: normal; }
h2 { font-family: 'Quicksand', sans-serif; }
h3 { font-family: 'Quicksand', sans-serif; }
h4 { font-family: 'Quicksand', sans-serif; }
.shortcode-surface .social-links--buttons .shortcode-social-button { background: var(--shortcode-surface-button-background, var(--button)); border-color: var(--shortcode-surface-button-border, var(--text)); color: var(--shortcode-surface-button-text, var(--button-text, var(--text))); }
.shortcode-surface .social-links--buttons .shortcode-social-button:hover, .shortcode-surface .social-links--buttons .shortcode-social-button:focus { background: var(--shortcode-surface-button-hover-background, var(--primary-hover)); border-color: var(--shortcode-surface-button-hover-border, var(--primary-hover)); color: var(--shortcode-surface-button-hover-text, var(--button-hover-text, var(--bg))); }