bender/3a6e61c2-f89f-4247-95f5-2fbdc2b689c4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_4
Branches Tags
bender:main bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_7
Branches Tags
bender:main bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

20 Commits
version_4 ... version_7

Author SHA1 Message Date
bender
d16b4b791f Update src/app/page.tsx 2026-02-21 00:17:38 +00:00
bender
41618c9bc5 Update src/app/shop/page.tsx 2026-02-21 00:16:48 +00:00
bender
bb177b7d10 Update src/app/shop/[id]/page.tsx 2026-02-21 00:16:47 +00:00
bender
d647d292ff Update src/app/page.tsx 2026-02-21 00:16:46 +00:00
bender
c75ba484e1 Update src/app/layout.tsx 2026-02-21 00:16:45 +00:00
bender
449413b96d Update src/app/blog/page.tsx 2026-02-21 00:16:44 +00:00
bender
1093a8308b Merge version_6 into main 
Merge version_6 into main
 2026-02-18 16:37:10 +00:00
bender
12770b0ccc Update src/app/styles/variables.css 2026-02-18 16:37:06 +00:00
bender
00fbb6983d Update src/app/shop/page.tsx 2026-02-18 16:37:05 +00:00
bender
23c51ab060 Update src/app/shop/[id]/page.tsx 2026-02-18 16:37:04 +00:00
bender
fa0c2d1096 Update src/app/page.tsx 2026-02-18 16:37:04 +00:00
bender
764a398356 Update src/app/layout.tsx 2026-02-18 16:37:03 +00:00
bender
71bf474d69 Update src/app/blog/page.tsx 2026-02-18 16:37:02 +00:00
bender
0f302cbf5f Merge version_5 into main 
Merge version_5 into main
 2026-02-18 16:31:23 +00:00
bender
b466c9e65f Update src/app/styles/variables.css 2026-02-18 16:31:18 +00:00
bender
476eac78dd Update src/app/layout.tsx 2026-02-18 16:31:17 +00:00
bender
aa3d5a3d76 Merge version_4 into main 
Merge version_4 into main
 2026-02-18 16:18:52 +00:00
bender
a103c39ef9 Merge version_4 into main 
Merge version_4 into main
 2026-02-18 16:18:41 +00:00
bender
e837a437f2 Merge version_4 into main 
Merge version_4 into main
 2026-02-18 16:18:31 +00:00
bender
2508ebfb12 Merge version_4 into main 
Merge version_4 into main
 2026-02-18 16:06:59 +00:00
6 changed files with 133 additions and 78 deletions
Expand all files Collapse all files

4
src/app/blog/page.tsx
View File

@@ -14,7 +14,7 @@ export default function BlogPage() {
<ThemeProvider <ThemeProvider
defaultButtonVariant="shift-hover" defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="sharp" borderRadius="rounded"
contentWidth="smallMedium" contentWidth="smallMedium"
sizing="medium" sizing="medium"
background="noise" background="noise"
@@ -69,4 +69,4 @@ export default function BlogPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

141
src/app/layout.tsx
View File

@@ -3,12 +3,6 @@ import { Archivo } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
import { DM_Sans } from "next/font/google";
import { Inter } from "next/font/google";
import { Inter } from "next/font/google";
import { Open_Sans } from "next/font/google";
import { Public_Sans } from "next/font/google";
import { Inter } from "next/font/google";
const archivo = Archivo({ const archivo = Archivo({
variable: "--font-archivo", subsets: ["latin"], variable: "--font-archivo", subsets: ["latin"],
@@ -36,33 +30,6 @@ export const metadata: Metadata = {
} }
}; };
const dmSans = DM_Sans({
variable: "--font-dm-sans",
subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
const openSans = Open_Sans({
variable: "--font-open-sans",
subsets: ["latin"],
});
const publicSans = Public_Sans({
variable: "--font-public-sans",
subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: Readonly<{
@@ -71,7 +38,9 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${publicSans.variable} ${inter.variable} antialiased`}> <body
className={archivo.variable}
>
<Tag /> <Tag />
{children} {children}
@@ -121,7 +90,9 @@ export default function RootLayout({
' background-color: #4d96ff05 !important;' + ' background-color: #4d96ff05 !important;' +
'}' + '}' +
'img.webild-hover,' + 'img.webild-hover,' +
'img.webild-selected {' + 'img.webild-selected,' +
'video.webild-hover,' +
'video.webild-selected {' +
' outline-offset: 2px !important;' + ' outline-offset: 2px !important;' +
'}' + '}' +
'.webild-element-type-label {' + '.webild-element-type-label {' +
@@ -193,6 +164,10 @@ export default function RootLayout({
return 'Image'; return 'Image';
} }
if (tagName === 'video') {
return 'Video';
}
const backgroundImage = computedStyle.backgroundImage; const backgroundImage = computedStyle.backgroundImage;
if (backgroundImage && backgroundImage !== 'none') { if (backgroundImage && backgroundImage !== 'none') {
const urlMatch = backgroundImage.match(/url(['"]?([^'")]+)['"]?)/); const urlMatch = backgroundImage.match(/url(['"]?([^'")]+)['"]?)/);
@@ -275,6 +250,38 @@ export default function RootLayout({
return url; return url;
}; };
const getMediaTypeFromUrl = (url) => {
const videoExts = ['.mp4', '.webm', '.ogg', '.mov', '.avi', '.mkv', '.m4v', '.wmv'];
const imageExts = ['.jpg', '.jpeg', '.png', '.gif', '.webp', '.svg', '.bmp', '.ico', '.tiff', '.avif'];
try {
const pathname = new URL(url).pathname.toLowerCase();
if (videoExts.some(function(ext) { return pathname.endsWith(ext); })) return 'video';
if (imageExts.some(function(ext) { return pathname.endsWith(ext); })) return 'image';
} catch(e) {}
return 'unknown';
};
const swapMediaElement = (oldEl, newTag, newSrc) => {
const newEl = document.createElement(newTag);
Array.from(oldEl.attributes).forEach(function(attr) {
if (attr.name !== 'src' && attr.name !== 'alt' && attr.name !== 'srcset' && attr.name !== 'autoplay' && attr.name !== 'loop' && attr.name !== 'muted' && attr.name !== 'playsinline') {
try { newEl.setAttribute(attr.name, attr.value); } catch(e) {}
}
});
newEl.style.cssText = oldEl.style.cssText;
if (newTag === 'video') {
newEl.setAttribute('autoplay', '');
newEl.setAttribute('loop', '');
newEl.setAttribute('muted', '');
newEl.setAttribute('playsinline', '');
}
newEl.src = newSrc;
if (oldEl.parentNode) {
oldEl.parentNode.replaceChild(newEl, oldEl);
}
return newEl;
};
const getElementInfo = (element, assignId = false) => { const getElementInfo = (element, assignId = false) => {
const rect = element.getBoundingClientRect(); const rect = element.getBoundingClientRect();
const tagName = element.tagName.toLowerCase(); const tagName = element.tagName.toLowerCase();
@@ -317,7 +324,18 @@ export default function RootLayout({
isBackground: false isBackground: false
}; };
} }
if (tagName === 'video') {
const rawSrc = element.src || element.currentSrc || (element.querySelector('source') && element.querySelector('source').src) || '';
const resolvedSrc = extractOriginalUrl(rawSrc);
info.imageData = {
src: resolvedSrc,
alt: element.getAttribute('aria-label') || undefined,
isBackground: false,
isVideo: true
};
}
const computedStyle = window.getComputedStyle(element); const computedStyle = window.getComputedStyle(element);
const backgroundImage = computedStyle.backgroundImage; const backgroundImage = computedStyle.backgroundImage;
if (backgroundImage && backgroundImage !== 'none') { if (backgroundImage && backgroundImage !== 'none') {
@@ -365,7 +383,8 @@ export default function RootLayout({
const tagName = element.tagName?.toLowerCase(); const tagName = element.tagName?.toLowerCase();
if (invalidElements.includes(tagName)) return false; if (invalidElements.includes(tagName)) return false;
const isImage = tagName === 'img'; const isImage = tagName === 'img';
if (isImage) return true; const isVideo = tagName === 'video';
if (isImage || isVideo) return true;
const hasInnerHTML = element.innerHTML && element.innerHTML.trim().length > 0; const hasInnerHTML = element.innerHTML && element.innerHTML.trim().length > 0;
const hasTextContent = element.textContent && element.textContent.trim().length > 0; const hasTextContent = element.textContent && element.textContent.trim().length > 0;
const hasChildren = element.children && element.children.length > 0; const hasChildren = element.children && element.children.length > 0;
@@ -405,7 +424,7 @@ export default function RootLayout({
node.nodeType === Node.TEXT_NODE && node.textContent && node.textContent.trim().length > 0 node.nodeType === Node.TEXT_NODE && node.textContent && node.textContent.trim().length > 0
); );
const hasImages = element.tagName === 'IMG' || computedStyle.backgroundImage !== 'none' || element.querySelector('img'); const hasImages = element.tagName === 'IMG' || element.tagName === 'VIDEO' || computedStyle.backgroundImage !== 'none' || element.querySelector('img') || element.querySelector('video');
const isInteractive = ['BUTTON', 'A', 'INPUT', 'SELECT', 'TEXTAREA'].includes(element.tagName); const isInteractive = ['BUTTON', 'A', 'INPUT', 'SELECT', 'TEXTAREA'].includes(element.tagName);
const hasFewChildren = element.children.length <= 3; const hasFewChildren = element.children.length <= 3;
const area = rect.width * rect.height; const area = rect.width * rect.height;
@@ -1086,11 +1105,22 @@ export default function RootLayout({
updateButtonText(element, change.oldValue); updateButtonText(element, change.oldValue);
} }
} else if (change.type === 'replaceImage') { } else if (change.type === 'replaceImage') {
const isBackground = element.tagName.toLowerCase() !== 'img'; const revertTag = element.tagName.toLowerCase();
const isBackground = revertTag !== 'img' && revertTag !== 'video';
if (isBackground) { if (isBackground) {
element.style.backgroundImage = change.oldValue ? 'url(' + change.oldValue + ')' : ''; element.style.backgroundImage = change.oldValue ? 'url(' + change.oldValue + ')' : '';
} else { } else {
element.src = change.oldValue; const oldMediaType = getMediaTypeFromUrl(change.oldValue);
if (revertTag === 'video' && oldMediaType === 'image') {
swapMediaElement(element, 'img', change.oldValue);
} else if (revertTag === 'img' && oldMediaType === 'video') {
swapMediaElement(element, 'video', change.oldValue);
} else if (revertTag === 'video') {
element.src = change.oldValue;
element.load();
} else {
element.src = change.oldValue;
}
} }
} }
} catch (err) { } catch (err) {
@@ -1190,7 +1220,7 @@ export default function RootLayout({
if (!isActive) return; if (!isActive) return;
if (e.data.type === 'webild-replace-image') { if (e.data.type === 'webild-replace-image') {
const { selector, newSrc, isBackground } = e.data.data; const { selector, newSrc, isBackground, allowMediaTypeSwap } = e.data.data;
let element = null; let element = null;
try { try {
@@ -1221,7 +1251,32 @@ export default function RootLayout({
replaced = true; replaced = true;
} else if (element.tagName.toLowerCase() === 'img') { } else if (element.tagName.toLowerCase() === 'img') {
oldValue = element.src; oldValue = element.src;
element.src = newSrc; const newMediaType = getMediaTypeFromUrl(newSrc);
if (newMediaType === 'video' && allowMediaTypeSwap) {
const swapped = swapMediaElement(element, 'video', newSrc);
if (selectedElement === element) selectedElement = swapped;
element = swapped;
} else {
element.src = newSrc;
}
replaced = true;
} else if (element.tagName.toLowerCase() === 'video') {
oldValue = element.src || element.currentSrc || '';
const newMediaType = getMediaTypeFromUrl(newSrc);
const sources = element.querySelectorAll('source');
if (newMediaType === 'image' && allowMediaTypeSwap) {
const swapped = swapMediaElement(element, 'img', newSrc);
if (selectedElement === element) selectedElement = swapped;
element = swapped;
} else {
if (sources.length > 0) {
sources.forEach(function(source) { source.src = newSrc; });
element.load();
} else {
element.src = newSrc;
element.load();
}
}
replaced = true; replaced = true;
} else { } else {
const hasBackgroundImage = window.getComputedStyle(element).backgroundImage !== 'none'; const hasBackgroundImage = window.getComputedStyle(element).backgroundImage !== 'none';
@@ -1359,4 +1414,4 @@ export default function RootLayout({
</ServiceWrapper> </ServiceWrapper>
</html> </html>
); );
} }

24
src/app/page.tsx
View File

@@ -17,7 +17,7 @@ export default function LandingPage() {
<ThemeProvider <ThemeProvider
defaultButtonVariant="shift-hover" defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="sharp" borderRadius="rounded"
contentWidth="smallMedium" contentWidth="smallMedium"
sizing="medium" sizing="medium"
background="noise" background="noise"
@@ -83,22 +83,22 @@ export default function LandingPage() {
tagIcon={Scissors} tagIcon={Scissors}
features={[ features={[
{ {
title: "Classic Haircuts", description: "Timeless styles executed with precision and attention to detail. From fades to tapers, we craft the perfect cut for you.", imageSrc: "https://img.b2bpic.net/free-photo/handsome-businessman-barber-shop_1157-21514.jpg", imageAlt: "Classic Haircuts" title: "Classic Haircuts", description: "Timeless styles executed with precision and attention to detail. From fades to tapers, we craft the perfect cut for you.", imageSrc: "https://img.b2bpic.net/free-photo/handsome-businessman-barber-shop_1157-21514.jpg?_wi=1", imageAlt: "Classic Haircuts"
}, },
{ {
title: "Beard Grooming", description: "Professional beard trimming, shaping, and conditioning. Maintain that distinguished look with expert care.", imageSrc: "https://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg", imageAlt: "Beard Grooming" title: "Beard Grooming", description: "Professional beard trimming, shaping, and conditioning. Maintain that distinguished look with expert care.", imageSrc: "https://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg?_wi=1", imageAlt: "Beard Grooming"
}, },
{ {
title: "Hot Shave", description: "Traditional hot towel shaves using premium products and classic techniques for the ultimate relaxation.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15033.jpg", imageAlt: "Hot Shave" title: "Hot Shave", description: "Traditional hot towel shaves using premium products and classic techniques for the ultimate relaxation.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15033.jpg?_wi=1", imageAlt: "Hot Shave"
}, },
{ {
title: "Hair Styling", description: "Modern styling with premium products. Whether it's pomade or gel, we'll give you the look you want.", imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-bearded-photographer-wearing-classic-suit-holding-retro-camera-standing-with-his-arms-crossed_613910-19282.jpg", imageAlt: "Hair Styling" title: "Hair Styling", description: "Modern styling with premium products. Whether it's pomade or gel, we'll give you the look you want.", imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-bearded-photographer-wearing-classic-suit-holding-retro-camera-standing-with-his-arms-crossed_613910-19282.jpg?_wi=1", imageAlt: "Hair Styling"
}, },
{ {
title: "Signature Treatments", description: "Exclusive grooming treatments including scalp massage and conditioning therapy for complete wellness.", imageSrc: "https://img.b2bpic.net/free-photo/handsome-businessman-barber-shop_1157-21514.jpg", imageAlt: "Signature Treatments" title: "Signature Treatments", description: "Exclusive grooming treatments including scalp massage and conditioning therapy for complete wellness.", imageSrc: "https://img.b2bpic.net/free-photo/handsome-businessman-barber-shop_1157-21514.jpg?_wi=2", imageAlt: "Signature Treatments"
}, },
{ {
title: "VIP Experience", description: "Premium service package with extended time, complimentary beverages, and personalized consultation.", imageSrc: "https://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg", imageAlt: "VIP Experience" title: "VIP Experience", description: "Premium service package with extended time, complimentary beverages, and personalized consultation.", imageSrc: "https://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg?_wi=2", imageAlt: "VIP Experience"
} }
]} ]}
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
@@ -193,16 +193,16 @@ export default function LandingPage() {
tagIcon={Users} tagIcon={Users}
members={[ members={[
{ {
id: "1", name: "Marcus DeVille", role: "Master Barber & Owner", imageSrc: "https://img.b2bpic.net/free-photo/handsome-businessman-barber-shop_1157-21514.jpg", imageAlt: "Marcus DeVille" id: "1", name: "Marcus DeVille", role: "Master Barber & Owner", imageSrc: "https://img.b2bpic.net/free-photo/handsome-businessman-barber-shop_1157-21514.jpg?_wi=3", imageAlt: "Marcus DeVille"
}, },
{ {
id: "2", name: "Antonio Rossi", role: "Senior Stylist", imageSrc: "https://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg", imageAlt: "Antonio Rossi" id: "2", name: "Antonio Rossi", role: "Senior Stylist", imageSrc: "https://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg?_wi=3", imageAlt: "Antonio Rossi"
}, },
{ {
id: "3", name: "James Turner", role: "Grooming Specialist", imageSrc: "https://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15033.jpg", imageAlt: "James Turner" id: "3", name: "James Turner", role: "Grooming Specialist", imageSrc: "https://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15033.jpg?_wi=2", imageAlt: "James Turner"
}, },
{ {
id: "4", name: "David Hassan", role: "Master Barber", imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-bearded-photographer-wearing-classic-suit-holding-retro-camera-standing-with-his-arms-crossed_613910-19282.jpg", imageAlt: "David Hassan" id: "4", name: "David Hassan", role: "Master Barber", imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-bearded-photographer-wearing-classic-suit-holding-retro-camera-standing-with-his-arms-crossed_613910-19282.jpg?_wi=2", imageAlt: "David Hassan"
} }
]} ]}
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
@@ -244,4 +244,4 @@ export default function LandingPage() {
</div> </div>
</ThemeProvider> </ThemeProvider>
); );
} }

8
src/app/shop/[id]/page.tsx
View File

@@ -71,7 +71,7 @@ export default function ProductPage({ params }: ProductPageProps) {
<ThemeProvider <ThemeProvider
defaultButtonVariant="shift-hover" defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="sharp" borderRadius="rounded"
contentWidth="smallMedium" contentWidth="smallMedium"
sizing="medium" sizing="medium"
background="noise" background="noise"
@@ -114,7 +114,7 @@ export default function ProductPage({ params }: ProductPageProps) {
<ThemeProvider <ThemeProvider
defaultButtonVariant="shift-hover" defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="sharp" borderRadius="rounded"
contentWidth="smallMedium" contentWidth="smallMedium"
sizing="medium" sizing="medium"
background="noise" background="noise"
@@ -164,7 +164,7 @@ export default function ProductPage({ params }: ProductPageProps) {
<ThemeProvider <ThemeProvider
defaultButtonVariant="shift-hover" defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="sharp" borderRadius="rounded"
contentWidth="smallMedium" contentWidth="smallMedium"
sizing="medium" sizing="medium"
background="noise" background="noise"
@@ -233,4 +233,4 @@ export default function ProductPage({ params }: ProductPageProps) {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

6
src/app/shop/page.tsx
View File

@@ -21,7 +21,7 @@ export default function ShopPage() {
<ThemeProvider <ThemeProvider
defaultButtonVariant="shift-hover" defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="sharp" borderRadius="rounded"
contentWidth="smallMedium" contentWidth="smallMedium"
sizing="medium" sizing="medium"
background="noise" background="noise"
@@ -63,7 +63,7 @@ export default function ShopPage() {
<ThemeProvider <ThemeProvider
defaultButtonVariant="shift-hover" defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="sharp" borderRadius="rounded"
contentWidth="smallMedium" contentWidth="smallMedium"
sizing="medium" sizing="medium"
background="noise" background="noise"
@@ -107,4 +107,4 @@ export default function ShopPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

28
src/app/styles/variables.css
View File

@@ -2,21 +2,21 @@
/* Base units */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
/* --background: #f5f4ef;; /* --background: #010912;;
--card: #dad6cd;; --card: #152840;;
--foreground: #2a2928;; --foreground: #e6f0ff;;
--primary-cta: #2a2928;; --primary-cta: #cee7ff;;
--secondary-cta: #efe7dd;; --secondary-cta: #0e1a29;;
--accent: #ffffff;; --accent: #3f5c79;;
--background-accent: #c6b180;; */ --background-accent: #004a93;; */
--background: #f5f4ef;; --background: #010912;;
--card: #dad6cd;; --card: #152840;;
--foreground: #2a2928;; --foreground: #e6f0ff;;
--primary-cta: #2a2928;; --primary-cta: #cee7ff;;
--secondary-cta: #efe7dd;; --secondary-cta: #0e1a29;;
--accent: #ffffff;; --accent: #3f5c79;;
--background-accent: #c6b180;; --background-accent: #004a93;;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);