/** Shopify CDN: Minification failed Line 175:90 Unexpected "{" **/ /* ============================================================= MULTI-BRAND CSS VARIABLE SYSTEM Shopify Impulse Theme — 7 Brand Themes HOW IT WORKS: Each [data-brand="slug"] block sets Impulse's own CSS variable names directly — the exact same variables theme_css.liquid uses everywhere. Nothing in theme_css.liquid is touched. The JS switcher sets data-brand on and these kick in. IMPULSE COLOR VARIABLES (what each one does): --colorAnnouncement Announcement bar background --colorAnnouncementText Announcement bar text --colorBody Page background --colorBorder Card borders, input outlines, dividers --colorBtnPrimary All primary buttons (Add to Cart etc.) --colorBtnPrimaryLight Button hover state (auto lighter) --colorBtnPrimaryDim Button active/pressed state --colorBtnPrimaryText Text on primary buttons --colorCartDot Cart icon badge dot --colorDrawers Cart drawer + mobile menu background --colorDrawersDim Drawer background darkened --colorDrawerBorder Dividers inside drawers --colorDrawerText Text inside drawers --colorDrawerTextDark Drawer text darkened --colorDrawerButton Checkout button inside cart drawer --colorDrawerButtonText Text on drawer checkout button --colorFooter Footer background --colorFooterText Footer text and links --colorNav Header/nav bar background --colorNavText Nav links + hamburger icon --colorPrice Product prices --colorSaleTag Sale badge background --colorSaleTagText Sale badge text --colorTextBody All body text, paragraphs, labels --colorTextSavings "You save $X" callout text --colorLink Inline text links --colorHeroText Text on hero/banner images --colorSmallImageBg Small product image placeholder --colorLargeImageBg Large/hero image placeholder IMPULSE TYPOGRAPHY VARIABLES (set here, used in theme_css.liquid): --typeHeaderPrimary Heading font (h1–h6, product titles) --typeHeaderFallback Heading fallback font stack --typeHeaderSize Base heading size (h1–h4 scale from this) --typeHeaderSpacing Heading letter-spacing --typeHeaderLineHeight Heading line-height --typeHeaderWeight Heading font-weight --typeBasePrimary Body text font --typeBaseFallback Body fallback font stack --typeBaseSize Body text size --typeBaseSpacing Body letter-spacing --typeBaseLineHeight Body line-height --typeBaseWeight Body font-weight --typeCollectionTitle Collection page title size FONT FAMILIES ALREADY LOADED IN YOUR THEME (exact names to use): "Serendipity One" / "Serendipity One Wide" "Serendipity Two" / "Serendipity Two Wide" "Serendipity Three" / "Serendipity Three Wide" "Serendipity Ligatures" / "Serendipity Ligatures Wide" "Nomah Script Light" "Questa Regular" / "Questa Regular Italic" / "Questa Bold" "Questa Sans Regular" / "Questa Grande Regular" "Requiem Text Roman" / "Requiem Text Italic" "Requiem Fine Italic" "Requiem Disp Roman" / "Requiem Disp Italic" "Requiem Orn Disp" / "Requiem Orn Text" "Sant Elia Rough" "Californian FB Display Bold" "White Angelica" "Archivo Narrow" "Citizen Slab" "Arbutus Slab" "Abuget" "Hello June" "La Fa Salt" "Luna Regular" "STIX General" "Abraham Lincoln" "Gora Rough" "MrDafoe Regular" "Return To Sender" "Retro Board" "Gotham_Bold" (+ Adobe Typekit kit drr8ccg — check kit for family names) ============================================================= */ /* ============================================================= 1. RIGHTSIDE DESIGN (slug: rightside) Palette: Deep Teal / Mid Teal / Peach / Blush / Gold Heading: Serendipity One (script) Body: Questa Regular (serif) ============================================================= */ :root[data-brand="rightside"] { /* ── Brand palette reference (used by variables below) ────── Deep Teal #005A70 Pantone 120-16 C Mid Teal #60B8C4 Pantone 125-4 C Soft Teal #8BBDC0 Pantone 135-4 C Sky Blue #A8D9E2 Pantone 121-3 C Peach #F0866A Pantone 54-3 C Blush #F0B1AC Pantone 57-1 C Gold #D9AD6A Pantone 11-2 C Khaki #8A8060 Pantone 15-6 C Brown #73674A Pantone 15-13 C Silver #1e1c21ff Pantone 176-1 C ─────────────────────────────────────────────────────────── */ /* Colors */ --colorAnnouncement: #005A70; --colorAnnouncementText: #ffffff; --colorToolbarBackground: #00556c; --colorBody: #ffffff; --colorBodyDim: #005A70; --colorBodyLightDim: #f8fbfc; --colorBodyMediumDim: #f5f9fa; --colorBorder: #D6E8EB; --colorBtnPrimary: #005A70; --colorBtnPrimaryLight: #1A7A90; --colorBtnPrimaryDim: #004D60; --colorBtnPrimaryText: #ffffff; --colorCartDot: #F0866A; --colorDrawers: #ffffff; --colorDrawersDim: #004D60; --colorDrawerBorder: #E9CF9D; --colorDrawerText: #1A1A1A; --colorDrawerTextDark: #c8e4e8; --colorDrawerButton: #60B8C4; --colorDrawerButtonText: #ffffff; --colorFooterTextAlpha01: #ffffff; --colorNav: #ffffff; --colorNavText: #1A1A1A; --colorHeaderTextAlpha01: rgba(37, 41, 42, 0.8); --colorHeroText: #005a70; --colorLink: #1A1A1A; --colorPrice: #1A1A1A; --colorSaleTag: #F0866A; --colorSaleTagText: #ffffff; --colorTextBody: #1A1A1A; --colorTextBodyAlpha015: rgba(26,26,26,0.8); --colorTextBodyAlpha005: rgba(213, 34, 34, 1); --colorTextBodyAlpha008: rgba(120, 12, 12, 0.81); --colorTextSavings: #C10230; --colorSmallImageBg: #F5F9FA; --colorLargeImageBg: #F5F9FA; /* Typography */ --typeHeaderPrimary: "Serenity" !important; --typeHeaderFallback: Georgia, serif !important; --typeHeaderSize: 40px !important; --typeHeaderSpacing: 0.05em !important; --typeHeaderLineHeight: 1.2 !important; --typeHeaderWeight: 400 !important; --typeBasePrimary: "Playfair Display" !important; --typeBaseFallback: Georgia, serif !important; --typeBaseSize: 16px !important; --typeBaseSpacing: 0.01em !important; --typeBaseLineHeight: 1.65 !important; --typeBaseWeight: 400 !important; --typeCollectionTitle: 36px !important; } :root[data-brand="rightside"] .site-footer__linklist, .footer__small-text , .disclosure-list__label { font-family: "avenir-next-lt-pro", sans-serif;} :root[data-brand="rightside"] .h1, :root[data-brand="rightside"] .h2, :root[data-brand="rightside"] .h3 {color: #005A70} :root[data-brand="rightside"] .quick-add-btn, .quick-product__btn, .grid-product__price, {font-family: "Serenity" } /* ============================================================= 2. BEACHCOMBERS COASTAL LIFE (slug: bcl) Palette: Midnight / Navy / Sapphire / Seafoam / Sand Heading: Citizen Slab Body: Arbutus Slab ============================================================= */ :root[data-brand="bcl"] { /* ── Brand palette reference ──────────────────────────────── Midnight #00263A PMS 539C Navy #1B4279 PMS 541C Sapphire #1A85C4 PMS 640C Seafoam #34C4B5 PMS 7465C Sand #EAD7AA PMS 7500C Black #000000 White #ffffff ─────────────────────────────────────────────────────────── */ /* Colors */ --colorAnnouncement: #34C4B5; --colorAnnouncementText: #00263A; --colorBody: #ffffff; --colorBodyDim: #f0f7f9; --colorBodyLightDim: #f7fbfc; --colorBodyMediumDim: #f3f8fa; --colorBorder: #C8DDE5; --colorBtnPrimary: #00263A; --colorBtnPrimaryLight: #1A4055; --colorBtnPrimaryDim: #001C2B; --colorBtnPrimaryText: #ffffff; --colorCartDot: #34C4B5; --colorDrawers: #ffffff; --colorDrawersDim: #001C2B; --colorDrawerBorder: #EAD7AA; --colorDrawerText: #1B4279; --colorDrawerTextDark: #c0d5e5; --colorDrawerButton: #1A85C4; --colorDrawerButtonText: #ffffff; --colorFooterTextAlpha01: #ffffff; --colorNav: #ffffff; --colorNavText: #00263A; --colorHeaderTextAlpha01: rgba(255,255,255,0.1); --colorHeroText: #1B4279; --colorLink: #00263A; --colorPrice: #00263A; --colorSaleTag: #1B4279; --colorSaleTagText: #00263A; --colorTextBody: #1B4279; --colorTextBodyAlpha015: rgba(0,38,58,0.15); --colorTextBodyAlpha005: rgba(0,38,58,0.05); --colorTextBodyAlpha008: rgba(0,38,58,0.08); --colorTextSavings: #C10230; --colorSmallImageBg: #ffffff; --colorLargeImageBg: #ffffff; /* Typography */ --typeHeaderPrimary: "Citizen Slab" !important; --typeHeaderFallback: serif !important; --typeHeaderSize: 38px !important; --typeHeaderSpacing: 0.08em !important; --typeHeaderLineHeight: 1.15 !important; --typeHeaderWeight: 700 !important; --typeBasePrimary: "Arbutus Slab" !important; --typeBaseFallback: Georgia, serif !important; --typeBaseSize: 16px !important; --typeBaseSpacing: 0.01em !important; --typeBaseLineHeight: 1.6 !important; --typeBaseWeight: 400 !important; --typeCollectionTitle: 34px !important; } :root[data-brand="bcl"] .site-footer__linklist, .footer__small-text, .disclosure-list__label { font-family: "avenir-next-lt-pro", sans-serif;} /* ============================================================= 3. CAF — Carol & Frank (slug: caf) Palette: Ocean Teal / Navy / Amber / Rose / Warm Gray Heading: Questa Grande Regular Body: Questa Regular Accent: Serendipity One ============================================================= */ :root[data-brand="caf"] { /* ── Brand palette reference ──────────────────────────────── Ocean Teal #00A7B5 Navy #004976 Amber/Gold #CF8A00 Rose #FB637E Warm Gray #C5B9AC Teal Dark Green #006272 ─────────────────────────────────────────────────────────── */ /* Colors */ --colorAnnouncement: #CF8A00; --colorToolbarBackground: #006272; --colorAnnouncement: #006272; --colorAnnouncementText: #ffffff; --colorBody: #ffffff; --colorBodyDim: #f5f3f0; --colorBodyLightDim: #faf9f7; --colorBodyMediumDim: #f7f5f2; --colorBorder: #DDD5CC; --colorBtnPrimary: #CF8A00; --colorBtnPrimaryLight: #1A7A8C; --colorBtnPrimaryDim: #004D5C; --colorBtnPrimaryText: #ffffff; --colorCartDot: #FB637E; --colorDrawers: #ffffff; --colorDrawersDim: #003560; --colorDrawerBorder: #C5B9AC; --colorDrawerText: #006272; --colorDrawerTextDark: #006272; --colorDrawerButton: #CF8A00; --colorDrawerButtonText: #006272; --colorFooterTextAlpha01: #ffffff; --colorNav: #ffffff; --colorNavText: #006272; --colorHeaderTextAlpha01: rgba(0,96,114,0.1); --colorHeroText: #136578; --colorLink: #1A1A1A; --colorPrice: #1A1A1A; --colorSaleTag: #FB637E; --colorSaleTagText: #ffffff; --colorTextBody: #1A1A1A; --colorTextBodyAlpha015: rgba(26,26,26,0.15); --colorTextBodyAlpha005: rgba(26,26,26,0.05); --colorTextBodyAlpha008: rgba(26,26,26,0.08); --colorTextSavings: #C10230; --colorSmallImageBg: #ffffff; --colorLargeImageBg: #ffffff; /* Typography */ --typeHeaderPrimary: "Questa Grande Regular" !important; --typeHeaderFallback: Georgia, serif !important; --typeHeaderSize: 42px !important; --typeHeaderSpacing: 0.03em !important; --typeHeaderLineHeight: 1.2 !important; --typeHeaderWeight: 400 !important; --typeBasePrimary: "Questa Regular" !important; --typeBaseFallback: Georgia, serif !important; --typeBaseSize: 16px !important; --typeBaseSpacing: 0.01em !important; --typeBaseLineHeight: 1.65 !important; --typeBaseWeight: 400 !important; --typeCollectionTitle: 38px !important; } :root[data-brand="caf"] .h1, :root[data-brand="caf"] .h2, :root[data-brand="caf"] .h3, :root[data-brand="caf"] .h4 { color: #006272; } :root[data-brand="caf"] .btn { letter-spacing: 1px;} :root[data-brand="caf"] .site-footer__linklist, .footer__small-text, .disclosure-list__label { font-family: "avenir-next-lt-pro", sans-serif;} /* ============================================================= 4. C&F HOME (slug: cfhome) Palette: Navy / Pale Teal / Gold / Red / Cranberry / Coastal brights Heading: Requiem Disp Roman Body: Requiem Text Roman Accent: Sant Elia Rough ============================================================= */ :root[data-brand="cfhome"] { /* ── Brand palette reference ──────────────────────────────── CORE PALETTE: Navy #004876 PMS 7693C Pale Teal #B6CED0 PMS 5523C Red #C10230 PMS 200C Gold #CB9700 PMS 117C Cranberry #653334 PMS 1817C Orange #E43D30 PMS 179C Warm Gray #C5B9AC PMS 7528C Moss #827905 PMS 392C COASTAL PALETTE: Coast Blue #4197CB PMS 7688C Coast Orange #FF671D PMS 165C Coast Pink #FF647D PMS 1777C Coast Teal #00A5B5 PMS 7710C Coast Lime #AAAC24 PMS 7745C Coast Berry #E54360 PMS 198C ─────────────────────────────────────────────────────────── */ /* Colors */ --colorAnnouncement: #4397cb; --colorAnnouncementText: #ffffffff; --colorToolbarBackground: #004876; --colorBody: #ffffff; --colorBodyDim: #f0f4f2; --colorBodyLightDim: #f7faf8; --colorBodyMediumDim: #f3f7f4; --colorBorder: #C8D8CC; --colorBtnPrimary: #004876; --colorBtnPrimaryLight: #1A6290; --colorBtnPrimaryDim: #003560; --colorBtnPrimaryText: #ffffff; --colorCartDot: #C10230; --colorDrawers: #ffffff; --colorDrawersDim: #003560; --colorDrawerBorder: #003560; --colorDrawerText: #004876; --colorDrawerTextDark: #b8cde0; --colorDrawerButton: #B6CED0; --colorDrawerButtonText: #ffffff; --colorFooter: #ffffffff; --colorFooterTextAlpha01: #ffffff; --colorNav: #ffffff; --colorNavText: #004876; --colorHeaderTextAlpha01: rgba(255,255,255,0.1); --colorHeroText: #ffffff; --colorLink: #1A2A1A; --colorPrice: #1A2A1A; --colorSaleTag: #C10230; --colorSaleTagText: #ffffff; --colorTextBody: #1A2A1A; --colorTextBodyAlpha015: rgba(26,42,26,0.15); --colorTextBodyAlpha005: rgba(26,42,26,0.05); --colorTextBodyAlpha008: rgba(26,42,26,0.08); --colorTextSavings: #C10230; --colorSmallImageBg: #ffffff; --colorLargeImageBg: #ffffff; /* Typography */ --typeHeaderPrimary: "Requiem Disp Roman" !important; --typeHeaderFallback: Georgia, serif !important; --typeHeaderSize: 40px !important; --typeHeaderSpacing: 0.04em !important; --typeHeaderLineHeight: 1.2 !important; --typeHeaderWeight: 400 !important; --typeBasePrimary: "avenir-next-lt-pro"; --typeBaseFallback: sans-serif; --typeBaseSize: 16px !important; --typeBaseSpacing: 0.01em !important; --typeBaseLineHeight: 1.65 !important; --typeBaseWeight: 500 !important; --typeCollectionTitle: 36px !important; } :root[data-brand="cfhome"] .site-footer__linklist, .footer__small-text, .disclosure-list__label { font-family: "avenir-next-lt-pro", sans-serif;} /* ============================================================= 5. EY — Elisabeth York (slug: ey) Palette: Deep Navy / Teal / Blush / Powder Blue / Taupe / Mauve Heading: Californian FB Display Bold Body: Archivo Narrow Accent: White Angelica ============================================================= */ :root[data-brand="ey"] { /* ── Brand palette reference ──────────────────────────────── Deep Navy #003A5D PMS 302C Teal #44797B PMS 7475C Blush #E4C5D3 PMS 684C Powder Blue #BECCD5 PMS 5455C Warm Taupe #8A7E70 PMS Metallic 8003C Mauve #A9989D PMS 436C Charcoal #53575A PMS 425C Warm Gray #B5ADA5 PMS Warm Gray 4C ─────────────────────────────────────────────────────────── */ /* Colors */ --colorAnnouncement: #E4C5D3; --colorAnnouncementText: #002845; --colorToolbarBackground: #b6ada5; --colorBody: #ffffff; --colorBodyDim: #f7f5f4; --colorBodyLightDim: #fbf9f8; --colorBodyMediumDim: #f9f7f6; --colorBorder: #E0D8D4; --colorBtnPrimary: #8b8075; --colorBtnPrimaryLight: #53575A; --colorBtnPrimaryDim: #0028451b; --colorBtnPrimaryText: #ffffff; --colorCartDot: #44797B; --colorDrawers: #ffffffff; --colorDrawersDim: #B5ADA5; --colorDrawerBorder: #E4C5D3; --colorDrawerText: #53575A; --colorDrawerTextDark: #b8ccd8; --colorDrawerButton: #44797B; --colorDrawerButtonText: #ffffff; --colorFooterTextAlpha01: #ffffff; --colorNav: #ffffff; --colorNavText: #54585A; --colorHeaderTextAlpha01: rgba(0,58,93,0.1); --colorHeroText: #54585A; --colorLink: #1A1A1A; --colorPrice: #1A1A1A; --colorSaleTag: #44797B; --colorSaleTagText: #ffffff; --colorTextBody: #1A1A1A; --colorTextBodyAlpha015: rgba(26,26,26,0.15); --colorTextBodyAlpha005: rgba(26,26,26,0.05); --colorTextBodyAlpha008: rgba(26,26,26,0.08); --colorTextSavings: #C10230; --colorSmallImageBg: #FAF8F7; --colorLargeImageBg: #ffffff; /* Typography */ --typeHeaderPrimary: "GFS Didot", serif; --typeHeaderFallback: Georgia, serif !important; --typeHeaderSize: 44px !important; --typeHeaderSpacing: 0.02em !important; --typeHeaderLineHeight: 1.15 !important; --typeHeaderWeight: 400 !important; --typeBasePrimary: "Gotham" !important; --typeBaseFallback: Arial, sans-serif !important; --typeBaseSize: 16px !important; --typeBaseSpacing: 0.01em !important; --typeBaseLineHeight: 1.6 !important; --typeBaseWeight: 400 !important; --typeCollectionTitle: 38px !important; } :root[data-brand="ey"] .h1, :root[data-brand="ey"] .h2, :root[data-brand="ey"] .h3, :root[data-brand="ey"] .h4 { color: #54585A; } :root[data-brand="ey"].grid-product__vendor {letter-spacing: -0.01em;} :root[data-brand="ey"] .btn{ font-family: "GFS Didot", serif; font-weight: 700!important; } :root[data-brand="ey"] .site-footer__linklist, .footer__small-text, .disclosure-list__label { font-family: "avenir-next-lt-pro", sans-serif;} /* ============================================================= 6. GALLERIE II (slug: gii) Palette: Dusty Blue / Cool Gray / Warm Taupe / Teal / Olive / Burgundy Heading: STIX General Body: Archivo Narrow Accent: Abraham Lincoln ============================================================= */ :root[data-brand="gii"] { /* ── Brand palette reference ──────────────────────────────── Dusty Blue #B6CED0 PMS 5523C Cool Gray 8 #898A8D PMS Cool Gray 8C Cool Gray 1 #D9D8D6 PMS Cool Gray 1C Warm Taupe #7B6756 PMS 7531C Teal #00A5B5 PMS 7710C Olive #757A4D PMS 5763C Burgundy #96262C PMS 7622C Terracotta #B55434 PMS 7592C ─────────────────────────────────────────────────────────── */ /* Colors */ --colorAnnouncement: #B6CED0; --colorAnnouncementText: #2A2A2A; --colorBody: #ffffff; --colorBodyDim: #f3f2f1; --colorBodyLightDim: #f9f9f8; --colorBodyMediumDim: #f5f4f3; --colorBorder: #D9D8D6; --colorBtnPrimary: #7B6756; --colorBtnPrimaryLight: #957d6a; --colorBtnPrimaryDim: #6E6047; --colorBtnPrimaryText: #ffffff; --colorCartDot: #00A5B5; --colorDrawers: #ffffff; --colorDrawersDim: #6e6f72; --colorDrawerBorder: #D9D8D6; --colorDrawerText: #6e6f72; --colorDrawerTextDark: #d0d0d2; --colorDrawerButton: #00A5B5; --colorDrawerButtonText: #ffffff; --colorFooterTextAlpha01: #ffffff; --colorNav: #ffffff; --colorNavText: #2A2A2A; --colorHeaderTextAlpha01: rgba(42,42,42,0.1); --colorHeroText: #ffffff; --colorLink: #2A2A2A; --colorPrice: #2A2A2A; --colorSaleTag: #96262C; --colorSaleTagText: #ffffff; --colorTextBody: #7B6756; --colorTextBodyAlpha015: rgba(42,42,42,0.15); --colorTextBodyAlpha005: rgba(42,42,42,0.05); --colorTextBodyAlpha008: rgba(42,42,42,0.08); --colorTextSavings: #C10230; --colorSmallImageBg: #ffffff; --colorLargeImageBg: #ffffff; /* Typography */ --typeHeaderPrimary: "Century Gothic" !important; --typeHeaderFallback: Arial, sans-serif !important; --typeHeaderSize: 38px !important; --typeHeaderSpacing: 0.04em !important; --typeHeaderLineHeight: 1.2 !important; --typeHeaderWeight: 400 !important; --typeBasePrimary: "STIX General" !important; --typeBaseFallback: Georgia, serif !important; --typeBaseSize: 18px !important; --typeBaseSpacing: -0.01em !important; --typeBaseLineHeight: 1.6 !important; --typeBaseWeight: 400 !important; --typeCollectionTitle: 34px !important; } :root[data-brand="gii"].grid-product__vendor {letter-spacing: -0.01em;} :root[data-brand="gii"] .btn { font-family: "century-gothic";} :root[data-brand="gii"] .site-footer__linklist, .footer__small-text, .disclosure-list__label { font-family: "avenir-next-lt-pro", sans-serif;} /* ============================================================= 7. FORESIDE HOME & GARDEN (slug: foreside) Palette: Spruce / Maple / Sienna / Stone / Clay + seasonal Heading: Archivo Narrow (bold, all caps) Body: Archivo Narrow (light) Accent: White Angelica ============================================================= */ :root[data-brand="foreside"] { /* ── Brand palette reference ──────────────────────────────── PRIMARY: Spruce #5E6751 PMS 5615C Maple #AE6A44 PMS 7591C Sienna/Gold #34302aff PMS 465C Stone #BEBCBD PMS 420C Clay #B78671 PMS 4725C SEASONAL (A/W): Marsala #965352 PMS 4056C Aegean #5F7684 PMS 5405C Glacier #849BA6 PMS 5425C ─────────────────────────────────────────────────────────── */ /* Colors */ --colorAnnouncement: #B78671; --colorAnnouncementText: #ffffff; --colorBody: #ffffff; --colorBodyDim: #f0eee8; --colorBodyLightDim: #f7f6f2; --colorBodyMediumDim: #f3f2ee; --colorBorder: #D8D4CC; --colorBtnPrimary: #5E6751; --colorBtnPrimaryLight: #788169; --colorBtnPrimaryDim: #4A5240; --colorBtnPrimaryText: #ffffff; --colorCartDot: #B48A50; --colorDrawers: #5E6751; --colorDrawersDim: #4A5240; --colorDrawerBorder: #4A5240; --colorDrawerText: #ffffff; --colorDrawerTextDark: #c8ccbe; --colorDrawerButton: #AE6A44; --colorDrawerButtonText: #ffffff; --colorFooterTextAlpha01: #ffffff; --colorNav: #FAFAF8; --colorNavText: #5E6751; --colorHeaderTextAlpha01: rgba(94,103,81,0.1); --colorHeroText: #2A2820; --colorLink: #2A2820; --colorPrice: #2A2820; --colorSaleTag: #965352; --colorSaleTagText: #ffffff; --colorTextBody: #2A2820; --colorTextBodyAlpha015: rgba(42,40,32,0.15); --colorTextBodyAlpha005: rgba(42,40,32,0.05); --colorTextBodyAlpha008: rgba(42,40,32,0.08); --colorTextSavings: #C10230; --colorSmallImageBg: #ffffff; --colorLargeImageBg: #ffffff; /* Typography */ --typeHeaderPrimary: "Archivo Narrow" !important; --typeHeaderFallback: Arial, sans-serif !important; --typeHeaderSize: 40px !important; --typeHeaderSpacing: 0.02em; --typeHeaderLineHeight: 1.15 !important; --typeHeaderWeight: 300; --typeBasePrimary: "Archivo Narrow" !important; --typeBaseFallback: Arial, sans-serif !important; --typeBaseSize: 16px !important; --typeBaseSpacing: 0.02em !important; --typeBaseLineHeight: 1.6 !important; --typeBaseWeight: 300 !important; --typeCollectionTitle: 36px !important; } /* Other */ :root[data-brand="foreside"] .quick-product__btn{border-radius: 25px; font-size: 8px;} :root[data-brand="foreside"].pagination .next, .pagination .prev { border-radius: 25px;} :root[data-brand="foreside"] .site-footer__linklist, .footer__small-text, .disclosure-list__label { font-family: "avenir-next-lt-pro", sans-serif;}