/* * SoxDomains Seasonal Theme Engine v3.0 * * Single source of brand + campaign colors. Components must consume * semantic variables — never hardcode promotional colors in custom.css. * * Active theme: */ :root:not([data-theme]), [data-theme="default"] { --sox-primary: #6d4aff; --sox-primary-dark: #4e2fd0; --sox-primary-soft: rgba(109, 74, 255, 0.10); --sox-secondary: #3787f5; --sox-accent: #10b7a1; --sox-highlight: #ffc94a; --sox-success: #10b981; --sox-danger: #d62828; --sox-warning: #ffc94a; --sox-background: #f6f8fc; --sox-surface: #ffffff; --sox-text: #19233c; --sox-muted: #667085; --sox-border: #e5e9f2; --sox-cta-bg: var(--sox-primary); --sox-cta-text: #ffffff; --sox-btn-fill-bg: color-mix(in srgb, var(--sox-primary) 78%, #ffffff); --sox-btn-fill-text: var(--sox-cta-text, #ffffff); --sox-promo-bg: #f1efff; --sox-ui-tint: #f1efff; --sox-promo-text: var(--sox-primary-dark); --sox-hero-accent-bg: color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, var(--sox-background))); --sox-hero-text: var(--sox-text); --sox-hero-muted: var(--sox-muted); --sox-cart-badge: #ee5586; --sox-radius-sm: 12px; --sox-radius-md: 16px; --sox-radius-lg: 18px; --sox-chip-fg: var(--sox-primary); --sox-chip-bg: var(--sox-ui-tint, var(--sox-primary-soft)); --sox-chip-fg-2: var(--sox-primary-dark); --sox-chip-bg-2: color-mix(in srgb, var(--sox-primary) 12%, #ffffff); --sox-chip-fg-3: var(--sox-text); --sox-chip-bg-3: color-mix(in srgb, var(--sox-highlight) 22%, #ffffff); --sox-chip-solid-bg: var(--sox-primary); --sox-chip-solid-fg: var(--sox-cta-text, #ffffff); --sox-chip-solid-bg-2: var(--sox-primary-dark); --sox-chip-solid-bg-3: color-mix(in srgb, var(--sox-primary) 55%, #000000); } /* Candidate next default — Jukebox/SaaS violet (validate via theme admin; default untouched). */ [data-theme="default-beta"] { --sox-brand-indigo: #4444dd; --sox-brand-lime: #93eb1d; --sox-primary: var(--sox-brand-indigo); --sox-primary-dark: color-mix(in srgb, var(--sox-brand-indigo) 82%, #111827); --sox-primary-soft: color-mix(in srgb, var(--sox-brand-indigo) 10%, transparent); --sox-secondary: var(--sox-brand-indigo); --sox-accent: var(--sox-brand-lime); --sox-highlight: var(--sox-brand-lime); --sox-success: #10b981; --sox-danger: #dc2626; --sox-warning: #b45309; --sox-background: #f7f8fa; --sox-surface: #ffffff; --sox-text: #172033; --sox-muted: #5f6b7c; --sox-border: #e3e7ee; --sox-font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --sox-cta-bg: var(--sox-brand-indigo); --sox-cta-text: #ffffff; --sox-btn-fill-bg: var(--sox-brand-indigo); --sox-btn-fill-text: #ffffff; --sox-promo-bg: #f3f4f7; --sox-ui-tint: color-mix(in srgb, var(--sox-brand-indigo) 8%, #ffffff); --sox-promo-text: var(--sox-brand-indigo); --sox-promo-band: #171a2c; --sox-link: var(--sox-brand-indigo); --sox-hero-accent-bg: color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, var(--sox-background))); --sox-hero-text: var(--sox-text); --sox-hero-muted: var(--sox-muted); --sox-cart-badge: var(--sox-brand-lime); --sox-cart-badge-text: #172033; --sox-search-btn-bg: var(--sox-brand-indigo); --sox-search-btn-hover: var(--sox-primary-dark); --sox-search-btn-text: #ffffff; --sox-search-btn-hover-text: #ffffff; } /* Light-card icon chips inherit on every theme. Do not use --sox-accent or --sox-promo-bg. */ :root { --sox-chip-fg: var(--sox-primary); --sox-chip-bg: var(--sox-ui-tint, var(--sox-primary-soft)); --sox-chip-fg-2: var(--sox-primary-dark); --sox-chip-bg-2: color-mix(in srgb, var(--sox-primary) 12%, #ffffff); --sox-chip-fg-3: var(--sox-text); --sox-chip-bg-3: color-mix(in srgb, var(--sox-highlight) 22%, #ffffff); --sox-chip-solid-bg: var(--sox-primary); --sox-chip-solid-fg: var(--sox-cta-text, #ffffff); --sox-chip-solid-bg-2: var(--sox-primary-dark); --sox-chip-solid-bg-3: color-mix(in srgb, var(--sox-primary) 55%, #000000); } /* ── Seasonal & event themes ─────────────────────────────────────── */ [data-theme="valentine"] { --sox-primary: #e83e8c; --sox-primary-dark: #c21868; --sox-primary-soft: rgba(232, 62, 140, 0.12); --sox-secondary: #ff6174; --sox-accent: #ff8fb1; --sox-highlight: #ffd3df; --sox-cta-bg: #e83e8c; --sox-promo-bg: #fff0f5; --sox-promo-text: #9c174f; --sox-hero-accent-bg: color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, var(--sox-background))); --sox-search-btn-bg: #ca3560; --sox-search-btn-hover: #2a3a8e; --sox-search-btn-text: #ffffff; --sox-search-btn-hover-text: #ffffff; } [data-theme="st-patrick"] { --sox-primary: #169b62; --sox-primary-dark: #0f7449; --sox-primary-soft: rgba(22, 155, 98, 0.12); --sox-secondary: #10b7a1; --sox-accent: #ffc94a; --sox-highlight: #e8f8ef; --sox-cta-bg: #169b62; --sox-promo-bg: #e9f8f0; --sox-promo-text: #0b603c; --sox-hero-accent-bg: color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, var(--sox-background))); --sox-search-btn-bg: #169b62; --sox-search-btn-hover: #ffc94a; --sox-search-btn-text: #ffffff; --sox-search-btn-hover-text: #19233c; } [data-theme="patriotic"] { --sox-primary: #263f8f; --sox-primary-dark: #18285f; --sox-primary-soft: rgba(38, 63, 143, 0.12); --sox-secondary: #d62828; --sox-accent: #ffffff; --sox-highlight: #edf2ff; --sox-cta-bg: #d62828; --sox-promo-bg: #edf2ff; --sox-promo-text: #263f8f; --sox-hero-accent-bg: color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, var(--sox-background))); --sox-btn-fill-bg: color-mix(in srgb, var(--sox-secondary, #d62828) 68%, #ffffff); --sox-btn-fill-text: #ffffff; --sox-search-btn-bg: #d62828; --sox-search-btn-hover: #263f8f; --sox-search-btn-text: #ffffff; --sox-search-btn-hover-text: #ffffff; } [data-theme="back-to-school"] { --sox-primary: #2563eb; --sox-primary-dark: #1d4ed8; --sox-primary-soft: rgba(37, 99, 235, 0.14); --sox-secondary: #06b6d4; --sox-accent: #f97316; --sox-highlight: #fef08a; --sox-cta-bg: #2563eb; --sox-promo-bg: #eef6ff; --sox-promo-text: #1e40af; --sox-link: #2563eb; --sox-hero-accent-bg: color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, var(--sox-background))); --sox-search-btn-bg: #2563eb; --sox-search-btn-hover: #f97316; --sox-search-btn-text: #ffffff; --sox-search-btn-hover-text: #ffffff; } [data-theme="halloween"] { --sox-primary: #6d4aff; --sox-primary-dark: #4e2fd0; --sox-primary-soft: rgba(109, 74, 255, 0.16); --sox-secondary: #ff8a00; --sox-accent: #ff8a00; --sox-highlight: #ff8a00; --sox-text: #19233c; --sox-muted: #667085; --sox-cta-bg: #6d4aff; --sox-promo-bg: #191927; --sox-ui-tint: #f3f0ff; --sox-promo-text: #ff8a00; --sox-link: #9d86ff; --sox-hero-text: #ffffff; --sox-hero-muted: #c9cdd3; --sox-sds-heading: var(--sox-hero-text); --sox-sds-eyebrow: var(--sox-promo-text); --sox-sds-link: var(--sox-link); --sox-hero-accent-bg: color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, var(--sox-background))); --sox-search-btn-bg: #f27e38; --sox-search-btn-hover: #5e2a74; --sox-search-btn-text: #19233c; --sox-search-btn-hover-text: #ffffff; } [data-theme="black-friday"] { --sox-primary: #6d4aff; --sox-primary-dark: #4e2fd0; --sox-primary-soft: rgba(109, 74, 255, 0.16); --sox-secondary: #ffc94a; --sox-accent: #ffc94a; --sox-highlight: #ffc94a; --sox-text: #19233c; --sox-muted: #667085; --sox-background: #f7f7f8; --sox-cta-bg: var(--sox-primary); --sox-promo-bg: #111111; --sox-ui-tint: #f1efff; --sox-promo-text: #ffc94a; --sox-link: #8b7cff; --sox-hero-text: #ffffff; --sox-hero-muted: #c9cdd3; --sox-sds-heading: var(--sox-hero-text); --sox-sds-eyebrow: var(--sox-promo-text); --sox-sds-link: var(--sox-link); --sox-hero-accent-bg: color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, var(--sox-background))); --sox-search-btn-bg: #6d4aff; --sox-search-btn-hover: #ffc94a; --sox-search-btn-text: #ffffff; --sox-search-btn-hover-text: #19233c; } [data-theme="cyber-monday"] { --sox-primary: #6d4aff; --sox-primary-dark: #4e2fd0; --sox-secondary: #3787f5; --sox-accent: #10b7a1; --sox-highlight: #ffc94a; --sox-cta-bg: #3787f5; --sox-promo-bg: #eef4ff; --sox-promo-text: #1e3a8a; --sox-search-btn-bg: #3787f5; --sox-search-btn-hover: #6d4aff; --sox-search-btn-text: #ffffff; --sox-search-btn-hover-text: #ffffff; } [data-theme="christmas"] { --sox-primary: #b91c1c; --sox-primary-dark: #861414; --sox-primary-soft: rgba(185, 28, 28, 0.12); --sox-secondary: #147d4b; --sox-accent: #169b62; --sox-highlight: #ffc94a; --sox-cta-bg: #b91c1c; --sox-promo-bg: #fef2f2; --sox-promo-text: #991b1b; --sox-hero-accent-bg: color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, var(--sox-background))); --sox-search-btn-bg: #bd2832; --sox-search-btn-hover: #29683f; --sox-search-btn-text: #ffffff; --sox-search-btn-hover-text: #ffffff; } [data-theme="new-year"] { --sox-primary: #111c2d; --sox-primary-dark: #070d17; --sox-primary-soft: rgba(17, 28, 45, 0.12); --sox-secondary: #6d4aff; --sox-accent: #ffc94a; --sox-highlight: #fff4bd; --sox-cta-bg: #6d4aff; --sox-promo-bg: #fff7da; --sox-promo-text: #5d4900; --sox-search-btn-bg: #6d4aff; --sox-search-btn-hover: #ffc94a; --sox-search-btn-text: #ffffff; --sox-search-btn-hover-text: #19233c; } [data-theme="sale"] { --sox-primary: #6d4aff; --sox-primary-dark: #4e2fd0; --sox-secondary: #ef5b6b; --sox-accent: #ffc94a; --sox-highlight: #fff6d8; --sox-cta-bg: #ef5b6b; --sox-promo-bg: #fff0f2; --sox-promo-text: #9f1239; --sox-search-btn-bg: #ef5b6b; --sox-search-btn-hover: #6d4aff; --sox-search-btn-text: #ffffff; --sox-search-btn-hover-text: #ffffff; } [data-theme="shopping"] { --sox-primary: #6d4aff; --sox-primary-dark: #4e2fd0; --sox-secondary: #3787f5; --sox-accent: #ee5586; --sox-highlight: #eef4ff; --sox-cta-bg: #3787f5; --sox-promo-bg: #f2efff; --sox-promo-text: #4e2fd0; --sox-search-btn-bg: #3787f5; --sox-search-btn-hover: #ee5586; --sox-search-btn-text: #ffffff; --sox-search-btn-hover-text: #ffffff; } [data-theme="mx-independence"] { --sox-primary: #006847; --sox-primary-dark: #004d35; --sox-primary-soft: rgba(0, 104, 71, 0.12); --sox-secondary: #ce1126; --sox-accent: #ce1126; --sox-highlight: #fff4e8; --sox-text: #19233c; --sox-muted: #667085; --sox-cta-bg: #006847; --sox-promo-bg: #0f1f18; --sox-ui-tint: #eef8f2; --sox-promo-text: #f5c451; --sox-link: #7fd4a8; --sox-hero-text: #ffffff; --sox-hero-muted: #c9d6cf; --sox-sds-heading: #ffffff; --sox-sds-eyebrow: var(--sox-promo-text); --sox-sds-link: var(--sox-link); --sox-hero-accent-bg: color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, var(--sox-background))); --sox-search-btn-bg: #006847; --sox-search-btn-hover: #ce1126; --sox-search-btn-text: #ffffff; --sox-search-btn-hover-text: #ffffff; } [data-theme="central-america-independence"] { --sox-primary: #005eb8; --sox-primary-dark: #00407f; --sox-primary-soft: rgba(0, 94, 184, 0.12); --sox-secondary: #ffd200; --sox-accent: #ffd200; --sox-highlight: #fff8da; --sox-text: #19233c; --sox-muted: #667085; --sox-cta-bg: #005eb8; --sox-promo-bg: #102033; --sox-ui-tint: #eef4ff; --sox-promo-text: #ffd200; --sox-link: #7eb8ff; --sox-hero-text: #ffffff; --sox-hero-muted: #c8d4e3; --sox-sds-heading: #ffffff; --sox-sds-eyebrow: var(--sox-promo-text); --sox-sds-link: var(--sox-link); --sox-hero-accent-bg: color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, var(--sox-background))); --sox-btn-fill-bg: var(--sox-secondary, var(--sox-primary)); --sox-btn-fill-text: var(--sox-text, #19233c); --sox-search-btn-bg: #ffd200; --sox-search-btn-hover: #005eb8; --sox-search-btn-text: #19233c; --sox-search-btn-hover-text: #ffffff; } [data-theme="br-independence"] { --sox-primary: #009c3b; --sox-primary-dark: #00742d; --sox-primary-soft: rgba(0, 156, 59, 0.12); --sox-secondary: #ffdf00; --sox-accent: #002776; --sox-highlight: #fff9db; --sox-text: #19233c; --sox-muted: #667085; --sox-cta-bg: #009c3b; --sox-promo-bg: #0f1a12; --sox-ui-tint: #edf8f0; --sox-promo-text: #ffdf00; --sox-link: #7fd99a; --sox-hero-text: #ffffff; --sox-hero-muted: #c8d8cc; --sox-sds-heading: #ffffff; --sox-sds-eyebrow: var(--sox-promo-text); --sox-sds-link: var(--sox-link); --sox-hero-accent-bg: color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, var(--sox-background))); --sox-btn-fill-bg: var(--sox-secondary, var(--sox-primary)); --sox-btn-fill-text: var(--sox-text, #19233c); --sox-search-btn-bg: #ffdf00; --sox-search-btn-hover: #009c3b; --sox-search-btn-text: #19233c; --sox-search-btn-hover-text: #ffffff; } [data-theme="us-independence"] { --sox-primary: #263f8f; --sox-primary-dark: #18285f; --sox-primary-soft: rgba(38, 63, 143, 0.14); --sox-secondary: #d62828; --sox-accent: #ffffff; --sox-highlight: #edf2ff; --sox-text: #19233c; --sox-muted: #667085; --sox-cta-bg: #d62828; --sox-promo-bg: #0f1628; --sox-ui-tint: #edf2ff; --sox-promo-text: #ffc94a; --sox-link: #8b9dff; --sox-hero-text: #ffffff; --sox-hero-muted: #c8d0e3; --sox-sds-heading: #ffffff; --sox-sds-eyebrow: var(--sox-promo-text); --sox-sds-link: var(--sox-link); --sox-hero-accent-bg: color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, var(--sox-background))); --sox-btn-fill-bg: #d62828; --sox-btn-fill-text: #ffffff; --sox-search-btn-bg: #d62828; --sox-search-btn-hover: #18285f; --sox-search-btn-text: #ffffff; --sox-search-btn-hover-text: #ffffff; } [data-theme="co-independence"] { --sox-primary: #fcd116; --sox-primary-dark: #c9a400; --sox-primary-soft: rgba(252, 209, 22, 0.14); --sox-secondary: #003893; --sox-accent: #ce1126; --sox-highlight: #fff8da; --sox-text: #19233c; --sox-muted: #667085; --sox-cta-bg: #003893; --sox-promo-bg: #101828; --sox-ui-tint: #eef4ff; --sox-promo-text: #fcd116; --sox-link: #7eb8ff; --sox-hero-text: #ffffff; --sox-hero-muted: #c8d4e3; --sox-sds-heading: #ffffff; --sox-sds-eyebrow: var(--sox-promo-text); --sox-sds-link: var(--sox-link); --sox-hero-accent-bg: color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, var(--sox-background))); --sox-btn-fill-bg: var(--sox-primary); --sox-btn-fill-text: var(--sox-text, #19233c); --sox-search-btn-bg: #fcd116; --sox-search-btn-hover: #ce1126; --sox-search-btn-text: #19233c; --sox-search-btn-hover-text: #ffffff; } [data-theme="south-america-independence"] { --sox-primary: #0038a8; --sox-primary-dark: #002a7a; --sox-primary-soft: rgba(0, 56, 168, 0.14); --sox-secondary: #f4c430; --sox-accent: #75aadb; --sox-highlight: #fff8da; --sox-text: #19233c; --sox-muted: #667085; --sox-cta-bg: #0038a8; --sox-promo-bg: #0f1628; --sox-ui-tint: #eef4ff; --sox-promo-text: #f4c430; --sox-link: #7eb8ff; --sox-hero-text: #ffffff; --sox-hero-muted: #c8d4e3; --sox-sds-heading: #ffffff; --sox-sds-eyebrow: var(--sox-promo-text); --sox-sds-link: var(--sox-link); --sox-hero-accent-bg: color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, var(--sox-background))); --sox-search-btn-bg: #0038a8; --sox-search-btn-hover: #f4c430; --sox-search-btn-text: #ffffff; --sox-search-btn-hover-text: #19233c; } [data-theme="ca-independence"] { --sox-primary: #d62828; --sox-primary-dark: #a81e1e; --sox-primary-soft: rgba(214, 40, 40, 0.14); --sox-secondary: #ffffff; --sox-accent: #263f8f; --sox-highlight: #fff5f5; --sox-text: #19233c; --sox-muted: #667085; --sox-cta-bg: #d62828; --sox-promo-bg: #101828; --sox-ui-tint: #eef4ff; --sox-promo-text: #ffffff; --sox-link: #8b9dff; --sox-hero-text: #ffffff; --sox-hero-muted: #c8d4e3; --sox-sds-heading: #ffffff; --sox-sds-eyebrow: var(--sox-promo-text); --sox-sds-link: var(--sox-link); --sox-hero-accent-bg: color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, var(--sox-background))); --sox-search-btn-bg: #d62828; --sox-search-btn-hover: #263f8f; --sox-search-btn-text: #ffffff; --sox-search-btn-hover-text: #ffffff; } [data-theme="caribbean-independence"] { --sox-primary: #006847; --sox-primary-dark: #004d35; --sox-primary-soft: rgba(0, 104, 71, 0.14); --sox-secondary: #fcd116; --sox-accent: #ce1126; --sox-highlight: #fff8da; --sox-text: #19233c; --sox-muted: #667085; --sox-cta-bg: #006847; --sox-promo-bg: #0f1a28; --sox-ui-tint: #eef8f2; --sox-promo-text: #fcd116; --sox-link: #7fd4a8; --sox-hero-text: #ffffff; --sox-hero-muted: #c8d4e3; --sox-sds-heading: #ffffff; --sox-sds-eyebrow: var(--sox-promo-text); --sox-sds-link: var(--sox-link); --sox-hero-accent-bg: color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, var(--sox-background))); --sox-search-btn-bg: #006847; --sox-search-btn-hover: #ce1126; --sox-search-btn-text: #ffffff; --sox-search-btn-hover-text: #ffffff; } [data-theme="europe-patriotic"] { --sox-primary: #003399; --sox-primary-dark: #002266; --sox-primary-soft: rgba(0, 51, 153, 0.12); --sox-secondary: #ffcc00; --sox-accent: #ffcc00; --sox-highlight: #fff8da; --sox-text: #19233c; --sox-muted: #667085; --sox-cta-bg: #003399; --sox-promo-bg: #0f1a33; --sox-ui-tint: #eef2ff; --sox-promo-text: #ffcc00; --sox-link: #7eb8ff; --sox-hero-text: #ffffff; --sox-hero-muted: #c8d4e3; --sox-sds-heading: #ffffff; --sox-sds-eyebrow: var(--sox-promo-text); --sox-sds-link: var(--sox-link); --sox-hero-accent-bg: color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, var(--sox-background))); --sox-btn-fill-bg: var(--sox-secondary, var(--sox-primary)); --sox-btn-fill-text: var(--sox-text, #19233c); --sox-search-btn-bg: #ffcc00; --sox-search-btn-hover: #003399; --sox-search-btn-text: #19233c; --sox-search-btn-hover-text: #ffffff; } [data-theme="uk-patriotic"] { --sox-primary: #012169; --sox-primary-dark: #001845; --sox-primary-soft: rgba(1, 33, 105, 0.12); --sox-secondary: #c8102e; --sox-accent: #ffffff; --sox-highlight: #eef2ff; --sox-text: #19233c; --sox-muted: #667085; --sox-cta-bg: #012169; --sox-promo-bg: #0f1a33; --sox-ui-tint: #eef2ff; --sox-promo-text: #ffffff; --sox-link: #7eb8ff; --sox-hero-text: #ffffff; --sox-hero-muted: #c8d4e3; --sox-sds-heading: #ffffff; --sox-sds-eyebrow: var(--sox-promo-text); --sox-sds-link: var(--sox-link); --sox-hero-accent-bg: color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, var(--sox-background))); --sox-btn-fill-bg: var(--sox-secondary, var(--sox-primary)); --sox-btn-fill-text: #ffffff; --sox-search-btn-bg: #c8102e; --sox-search-btn-hover: #012169; --sox-search-btn-text: #ffffff; --sox-search-btn-hover-text: #ffffff; } [data-theme="au-patriotic"] { --sox-primary: #00008b; --sox-primary-dark: #000066; --sox-primary-soft: rgba(0, 0, 139, 0.14); --sox-secondary: #e4002b; --sox-accent: #ffffff; --sox-highlight: #eef2ff; --sox-text: #19233c; --sox-muted: #667085; --sox-cta-bg: #00008b; --sox-promo-bg: #0f1a33; --sox-ui-tint: #eef2ff; --sox-promo-text: #ffffff; --sox-link: #7eb8ff; --sox-hero-text: #ffffff; --sox-hero-muted: #c8d4e3; --sox-sds-heading: #ffffff; --sox-sds-eyebrow: var(--sox-promo-text); --sox-sds-link: var(--sox-link); --sox-hero-accent-bg: color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, var(--sox-background))); --sox-btn-fill-bg: var(--sox-secondary, var(--sox-primary)); --sox-btn-fill-text: #ffffff; --sox-search-btn-bg: #e4002b; --sox-search-btn-hover: #00008b; --sox-search-btn-text: #ffffff; --sox-search-btn-hover-text: #ffffff; } [data-theme="asia-patriotic"] { --sox-primary: #b91c1c; --sox-primary-dark: #7f1d1d; --sox-primary-soft: rgba(185, 28, 28, 0.14); --sox-secondary: #fbbf24; --sox-accent: #ffffff; --sox-highlight: #fff7ed; --sox-text: #19233c; --sox-muted: #667085; --sox-cta-bg: #b91c1c; --sox-promo-bg: #1a1210; --sox-ui-tint: #fff7ed; --sox-promo-text: #fbbf24; --sox-link: #fca5a5; --sox-hero-text: #ffffff; --sox-hero-muted: #e7d5d5; --sox-sds-heading: #ffffff; --sox-sds-eyebrow: var(--sox-promo-text); --sox-sds-link: var(--sox-link); --sox-hero-accent-bg: color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, var(--sox-background))); --sox-btn-fill-bg: var(--sox-secondary, var(--sox-primary)); --sox-btn-fill-text: #ffffff; --sox-search-btn-bg: #fbbf24; --sox-search-btn-hover: #b91c1c; --sox-search-btn-text: #19233c; --sox-search-btn-hover-text: #ffffff; } [data-theme="africa-patriotic"] { --sox-primary: #007749; --sox-primary-dark: #005a37; --sox-primary-soft: rgba(0, 119, 73, 0.14); --sox-secondary: #ffb612; --sox-accent: #002395; --sox-highlight: #fffbeb; --sox-text: #19233c; --sox-muted: #667085; --sox-cta-bg: #007749; --sox-promo-bg: #0f1a14; --sox-ui-tint: #ecfdf5; --sox-promo-text: #ffb612; --sox-link: #6ee7b7; --sox-hero-text: #ffffff; --sox-hero-muted: #d1e7dd; --sox-sds-heading: #ffffff; --sox-sds-eyebrow: var(--sox-promo-text); --sox-sds-link: var(--sox-link); --sox-hero-accent-bg: color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, var(--sox-background))); --sox-btn-fill-bg: var(--sox-secondary, var(--sox-primary)); --sox-btn-fill-text: #ffffff; --sox-search-btn-bg: #ffb612; --sox-search-btn-hover: #007749; --sox-search-btn-text: #19233c; --sox-search-btn-hover-text: #ffffff; } [data-theme="mena-patriotic"] { --sox-primary: #006233; --sox-primary-dark: #004d28; --sox-primary-soft: rgba(0, 98, 51, 0.14); --sox-secondary: #d4af37; --sox-accent: #ffffff; --sox-highlight: #f0fdf4; --sox-text: #19233c; --sox-muted: #667085; --sox-cta-bg: #006233; --sox-promo-bg: #0f1814; --sox-ui-tint: #ecfdf5; --sox-promo-text: #d4af37; --sox-link: #6ee7b7; --sox-hero-text: #ffffff; --sox-hero-muted: #c8ddd4; --sox-sds-heading: #ffffff; --sox-sds-eyebrow: var(--sox-promo-text); --sox-sds-link: var(--sox-link); --sox-hero-accent-bg: color-mix(in srgb, var(--sox-primary) 6%, var(--sox-promo-bg, var(--sox-background))); --sox-btn-fill-bg: var(--sox-secondary, var(--sox-primary)); --sox-btn-fill-text: #ffffff; --sox-search-btn-bg: #d4af37; --sox-search-btn-hover: #006233; --sox-search-btn-text: #19233c; --sox-search-btn-hover-text: #ffffff; }