/* ========================================================================== So Glamy — Site-wide brand unification (UI/UX Pro Max "Blush rose" system). Loaded on EVERY page, last, after maia-child-style. The Maia/Thembay theme never hardcodes its orange — every accent resolves from --tb-theme-color. Overriding that variable (custom properties honour !important, so this wins over the inline declaration regardless of source order) recolours the whole site: buttons, links, prices, badges, menu hovers, sale flashes, form accents — all become blush at once. ========================================================================== */ :root { --tb-theme-color: #E91E8C !important; /* single brand pink (brief) */ --tb-theme-color-hover: #C21374 !important; /* darker press/hover */ --tb-text-primary-font: 'Montserrat', sans-serif !important; /* body font */ --tb-text-second-font: Georgia, 'Times New Roman', serif !important; /* headings — unified site-wide (house rule) */ /* Brand tokens for So Glamy custom components — aligned to the one brand pink. */ --sg-blush: #E91E8C; --sg-blush-hover: #C21374; --sg-blush-soft: #FCE3F1; --sg-ink: #2A2024; } /* ---- Text selection + form focus: consistent blush across the site ---- */ ::selection { background: var(--sg-blush); color: #fff; } input:focus-visible, textarea:focus-visible, select:focus-visible, .select2-container--focus .select2-selection { outline: none !important; border-color: var(--sg-blush) !important; box-shadow: 0 0 0 3px rgba(190, 24, 93, 0.14) !important; } /* ---- Buttons: keep the (now-blush) theme colour, add unified polish ---- */ .button, button.button, input[type="submit"], .wp-block-button__link, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce .single_add_to_cart_button, .wc-proceed-to-checkout a.checkout-button { border-radius: 10px; font-weight: 700; letter-spacing: 0.02em; transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.05s ease; } .button:active, button.button:active, input[type="submit"]:active, .woocommerce a.button:active, .woocommerce button.button:active, .wc-proceed-to-checkout a.checkout-button:active { transform: translateY(1px); } /* ---- Scroll-reveal motion (paired with brand.js). Elements only get the hidden start-state from JS, so no-JS visitors always see content. ---- */ @media (prefers-reduced-motion: reduce) { .sg-reveal { opacity: 1 !important; transform: none !important; } }