/** Shopify CDN: Minification failed Line 7:2 Unexpected "=" Line 425:344 Unexpected "}" **/ * ============================================================ BSB BRAND SYSTEM — Brazilian Soul Beauty Alinhado com BSB_BridalExperience design system Versão 1.0 — Abril 2026 ============================================================ */ /* ---- GOOGLE FONTS ----------------------------------------- */ @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap'); /* ---- TOKENS (CSS CUSTOM PROPERTIES) ----------------------- */ :root { --lime-cream: #FAF5EC; --lime-warm: #F7F0E2; --lime-deep: #F1E8D5; --boucle: #DCC6A3; --bronze: #A88862; --bronze-deep: #8A6D4A; --ink: #4A443C; --ink-soft: #7A6F61; --hairline: rgba(168, 136, 98, 0.18); --white: #FFFFFF; } /* ---- RESET & GLOBAL --------------------------------------- */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 300 !important; background-color: #FAF5EC !important; line-height: 1.75 !important; color: var(--ink) !important; background-color: var(--lime-cream) !important; } /* ---- TIPOGRAFIA — HEADINGS -------------------------------- */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Cormorant Garamond', serif !important; font-weight: 300 !important; letter-spacing: 0.005em !important; color: var(--ink) !important; line-height: 1.1 !important; } h1 { font-size: clamp(36px, 5vw, 60px) !important; } h2 { font-size: clamp(28px, 3.8vw, 46px) !important; } h3 { font-size: clamp(22px, 2.6vw, 32px) !important; font-weight: 400 !important; } h4 { font-size: clamp(18px, 2vw, 24px) !important; font-weight: 400 !important; } /* Ênfase editorial em bronze (como o design system) */ h1 em, h2 em, h3 em, .section-title em { font-style: italic !important; color: var(--bronze) !important; font-weight: inherit !important; } /* ---- PARÁGRAFOS & BODY TEXT ------------------------------- */ p { font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 300 !important; line-height: 1.8 !important; color: var(--ink-soft) !important; } /* ---- HEADER / NAV ----------------------------------------- */ /* Top utility bar (Log in, Cart, Search) */ .header-bar { background-color: var(--lime-deep) !important; border-bottom: 1px solid var(--hairline) !important; } .header-bar a, .header-bar span, .header-bar input { color: var(--ink-soft) !important; font-family: 'Inter', sans-serif !important; font-size: 11px !important; letter-spacing: 0.08em !important; } /* Header principal */ .site-header, .site-header--sticky { background-color: var(--lime-cream) !important; border-bottom: 1px solid var(--hairline) !important; } /* Logo area */ .site-header__logo a, .site-header .logo { color: var(--ink) !important; } /* Nav links — cor única, sem múltiplas cores */ .site-nav > li > a, .site-nav__link, .site-header nav a { font-family: 'Inter', sans-serif !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 0.3em !important; text-transform: uppercase !important; color: var(--ink) !important; transition: color 0.25s ease !important; } .site-nav > li > a:hover, .site-nav__link:hover, .site-nav__link--active { color: var(--bronze) !important; } /* Dropdown nav */ .site-nav__dropdown a { font-family: 'Inter', sans-serif !important; font-size: 11px !important; font-weight: 400 !important; color: var(--ink-soft) !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; } .site-nav__dropdown { background-color: var(--lime-cream) !important; border: 1px solid var(--hairline) !important; } /* ---- BOTÕES ----------------------------------------------- */ /* Botão primário */ .btn, .btn--primary, a.btn, button.btn, input[type="submit"].btn, .button, a.button { font-family: 'Inter', sans-serif !important; font-size: 11px !important; font-weight: 400 !important; letter-spacing: 0.28em !important; text-transform: uppercase !important; background-color: var(--bronze) !important; color: var(--lime-cream) !important; border: 1px solid var(--bronze) !important; border-radius: 2px !important; padding: 16px 36px !important; display: inline-block !important; transition: all 0.3s ease !important; cursor: pointer !important; text-decoration: none !important; } .btn:hover, .btn--primary:hover, a.btn:hover, button.btn:hover, .button:hover { background-color: var(--bronze-deep) !important; border-color: var(--bronze-deep) !important; color: var(--lime-cream) !important; } /* Botão secundário (outline) */ .btn--secondary, .btn--outline { background-color: transparent !important; color: var(--bronze-deep) !important; border: 1px solid var(--bronze) !important; } .btn--secondary:hover, .btn--outline:hover { background-color: var(--bronze) !important; color: var(--lime-cream) !important; } /* Subscribe button */ input[type="submit"], button[type="submit"] { font-family: 'Inter', sans-serif !important; font-size: 11px !important; letter-spacing: 0.28em !important; text-transform: uppercase !important; background-color: var(--bronze) !important; color: var(--lime-cream) !important; border: 1px solid var(--bronze) !important; border-radius: 2px !important; padding: 14px 28px !important; cursor: pointer !important; transition: all 0.3s ease !important; } input[type="submit"]:hover, button[type="submit"]:hover { background-color: var(--bronze-deep) !important; border-color: var(--bronze-deep) !important; } /* Botão "Book appointment" floating */ a[href*="booking"], .booking-button, a[class*="book"] { font-family: 'Inter', sans-serif !important; font-size: 11px !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; } /* ---- SECTIONS / BACKGROUNDS ------------------------------ */ /* Todas as sections alternam entre os backgrounds warm */ .index-section:nth-child(odd), .template-page .page-content, .shopify-section:nth-child(odd) { background-color: var(--lime-cream) !important; } .index-section:nth-child(even), .shopify-section:nth-child(even) { background-color: var(--lime-warm) !important; } /* Newsletter / subscribe section */ .newsletter-section, [class*="newsletter"], [class*="subscribe"] { background-color: var(--lime-deep) !important; border-top: 1px solid var(--hairline) !important; border-bottom: 1px solid var(--hairline) !important; } /* ---- FOOTER ----------------------------------------------- */ .site-footer { background-color: var(--lime-deep) !important; border-top: 1px solid var(--hairline) !important; } .site-footer h4, .site-footer .h4, .site-footer__title { font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: 0.35em !important; text-transform: uppercase !important; color: var(--bronze) !important; margin-bottom: 16px !important; } .site-footer a, .site-footer p, .site-footer li { font-family: 'Inter', sans-serif !important; font-size: 13px !important; font-weight: 300 !important; color: var(--ink-soft) !important; line-height: 2 !important; text-decoration: none !important; } .site-footer a:hover { color: var(--bronze) !important; } .site-footer__copyright, .site-footer [class*="payment"] { border-top: 1px solid var(--hairline) !important; color: var(--ink-soft) !important; font-size: 12px !important; font-family: 'Inter', sans-serif !important; } /* Input email no footer */ .site-footer input[type="email"], [class*="newsletter"] input[type="email"] { background-color: transparent !important; border: 1px solid var(--hairline) !important; border-radius: 2px !important; color: var(--ink) !important; font-family: 'Inter', sans-serif !important; font-size: 13px !important; padding: 12px 16px !important; } .site-footer input[type="email"]:focus, [class*="newsletter"] input[type="email"]:focus { outline: none !important; border-color: var(--bronze) !important; } /* ---- FORMS (CONTACT, BOOKINGS) ---------------------------- */ input[type="text"], input[type="email"], input[type="tel"], textarea, select { font-family: 'Inter', sans-serif !important; font-size: 14px !important; color: var(--ink) !important; border: 1px solid var(--hairline) !important; border-radius: 2px !important; background-color: var(--lime-cream) !important; } input:focus, textarea:focus, select:focus { outline: none !important; border-color: var(--bronze) !important; box-shadow: 0 0 0 2px rgba(168, 136, 98, 0.12) !important; } /* ---- LINKS ------------------------------------------------ */ a { color: var(--ink) !important; transition: color 0.2s ease !important; } a:hover { color: var(--bronze) !important; } /* ---- PAGE TITLES (páginas internas) ----------------------- */ .page-title, .template-page h1, .template-page .page-title, .page h1 { font-family: 'Cormorant Garamond', serif !important; font-size: clamp(32px, 4vw, 52px) !important; font-weight: 300 !important; color: var(--ink) !important; letter-spacing: 0.01em !important; margin-bottom: 32px !important; } /* ---- SECTION EYEBROW / KICKER ----------------------------- */ .section-label, [class*="eyebrow"], [class*="overline"], [class*="kicker"], [class*="subtitle"] { font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 500 !important; letter-spacing: 0.4em !important; text-transform: uppercase !important; color: var(--bronze) !important; } /* ---- PRODUCT CARDS (Shop Retail) -------------------------- */ .grid__item .product-card, .product-card, .product-single { background-color: var(--lime-cream) !important; } .product-card__title, .product-single__title { font-family: 'Cormorant Garamond', serif !important; font-size: 18px !important; font-weight: 400 !important; color: var(--ink) !important; letter-spacing: 0.02em !important; } .product-card__price, .product-single__price, .price { font-family: 'Inter', sans-serif !important; font-size: 14px !important; font-weight: 400 !important; color: var(--bronze) !important; } /* ---- MOBILE NAV ------------------------------------------- */ @media (max-width: 768px) { .mobile-nav, .mobile-nav__link { background-color: var(--lime-cream) !important; color: var(--ink) !important; font-family: 'Inter', sans-serif !important; font-size: 13px !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; } .mobile-nav__link:hover { color: var(--bronze) !important; } } /* ---- MAP SECTION ------------------------------------------ */ .map-section, .map-section__content { background-color: var(--lime-warm) !important; } /* ---- DIVIDERS / HAIRLINES --------------------------------- */ hr { border: none !important; border-top: 1px solid var(--hairline) !important; margin: 48px 0 !important; } /* ---- BEFORE & AFTER GALLERY ------------------------------ */ .collection-list, .collection-list__item { background-color: var(--lime-cream) !important; } /* ============================================================ END OF BSB BRAND SYSTEM ============================================================ */ } } } }