/* Design No. 02 colorways - verbatim from staging/a_extra_sections/victoria/colorway,
   rescoped under :root[data-colorway]; .cw-tag dropped. */

/* Original - base palette */
:root[data-colorway="original"] { --ink: #2E2A25; --black: #191613; --accent: #8A7A66; --cream-text: #F2EFE8; --cream: #F4F1EB; }

/* No. 01 - Porcelain Ink - verbatim colorway override */
:root[data-colorway="porcelain-ink"] { --ink: #161D26; --black: #101720; --cream: #F3F5F7;
  --cream-text: #ECF1F5; --accent: #41628C; }
:root[data-colorway="porcelain-ink"] .sec-hero, :root[data-colorway="porcelain-ink"] .sec-signature-offer, :root[data-colorway="porcelain-ink"] .sec-testimonial, :root[data-colorway="porcelain-ink"] .sec-case-studies, :root[data-colorway="porcelain-ink"] .sec-parallax-text { background: #101720 !important; }
:root[data-colorway="porcelain-ink"] .sec-intro, :root[data-colorway="porcelain-ink"] .sec-about, :root[data-colorway="porcelain-ink"] .sec-blog { background: #F3F5F7 !important; }
:root[data-colorway="porcelain-ink"] .xpn-panel::after { background: linear-gradient(180deg, rgba(16,23,32,0.1) 0%, rgba(16,23,32,0) 30%, rgba(16,23,32,0) 52%, rgba(16,23,32,0.62) 100%) !important; }
:root[data-colorway="porcelain-ink"] .hzn-bg { background-color: #101720 !important; }
:root[data-colorway="porcelain-ink"] .hzn-bg::after { background: linear-gradient(to top, rgba(16,23,32,0.94) 8%, rgba(16,23,32,0.55) 38%, rgba(16,23,32,0.18) 70%) !important; }
:root[data-colorway="porcelain-ink"] .pda-panel::after { background: linear-gradient(to top, rgba(16,23,32,0.85), rgba(16,23,32,0) 55%) !important; }
:root[data-colorway="porcelain-ink"] .fcs-num { text-shadow: 0 2px 30px rgba(16,23,32,0.55) !important; }
:root[data-colorway="porcelain-ink"] .hzn-rule { background: rgba(236,241,245,0.45) !important; }
:root[data-colorway="porcelain-ink"] .tt-topline { border-bottom-color: rgba(236,241,245,0.25) !important; }
:root[data-colorway="porcelain-ink"] .tt-progress { background: rgba(236,241,245,0.2) !important; }
:root[data-colorway="porcelain-ink"] .fcs-eyebrow { color: rgba(236,241,245,0.55) !important; }
:root[data-colorway="porcelain-ink"] .fcs-metric { color: rgba(236,241,245,0.9) !important; }
:root[data-colorway="porcelain-ink"] .fcs-what { color: rgba(236,241,245,0.5) !important; }
:root[data-colorway="porcelain-ink"] .fcs-meta { border-top-color: rgba(236,241,245,0.22) !important; }
:root[data-colorway="porcelain-ink"] .fcs-cap { border-color: rgba(236,241,245,0.25) !important; }
:root[data-colorway="porcelain-ink"] .fcs-progress { background: rgba(236,241,245,0.18) !important; }
:root[data-colorway="porcelain-ink"] .pda-plats a { border-bottom-color: rgba(236,241,245,0.4) !important; }
:root[data-colorway="porcelain-ink"] .plq-rule { background: rgba(236,241,245,0.5) !important; }
:root[data-colorway="porcelain-ink"] .abx-note { border-top-color: rgba(22,29,38,0.22); }
:root[data-colorway="porcelain-ink"] .dw-item { border-top-color: rgba(22,29,38,0.35) !important; }
:root[data-colorway="porcelain-ink"] .dw-item:last-of-type { border-bottom-color: rgba(22,29,38,0.35) !important; }
:root[data-colorway="porcelain-ink"] .vgal-belt::before { background: linear-gradient(90deg, #F3F5F7, rgba(243,245,247,0)) !important; }
:root[data-colorway="porcelain-ink"] .vgal-belt::after { background: linear-gradient(270deg, #F3F5F7, rgba(243,245,247,0)) !important; }

/* No. 05 - Carbon Vermilion - verbatim colorway override */
:root[data-colorway="carbon-vermilion"] { --ink: #101010; --black: #0C0C0C; --cream: #F2F2EF;
  --cream-text: #F6F5F1; --accent: #D8482A; }
:root[data-colorway="carbon-vermilion"] .sec-hero, :root[data-colorway="carbon-vermilion"] .sec-signature-offer, :root[data-colorway="carbon-vermilion"] .sec-testimonial, :root[data-colorway="carbon-vermilion"] .sec-case-studies, :root[data-colorway="carbon-vermilion"] .sec-parallax-text { background: #0C0C0C !important; }
:root[data-colorway="carbon-vermilion"] .sec-intro, :root[data-colorway="carbon-vermilion"] .sec-about, :root[data-colorway="carbon-vermilion"] .sec-blog { background: #F2F2EF !important; }
:root[data-colorway="carbon-vermilion"] .xpn-panel::after { background: linear-gradient(180deg, rgba(12,12,12,0.1) 0%, rgba(12,12,12,0) 30%, rgba(12,12,12,0) 52%, rgba(12,12,12,0.62) 100%) !important; }
:root[data-colorway="carbon-vermilion"] .hzn-bg { background-color: #0C0C0C !important; }
:root[data-colorway="carbon-vermilion"] .hzn-bg::after { background: linear-gradient(to top, rgba(12,12,12,0.94) 8%, rgba(12,12,12,0.55) 38%, rgba(12,12,12,0.18) 70%) !important; }
:root[data-colorway="carbon-vermilion"] .pda-panel::after { background: linear-gradient(to top, rgba(12,12,12,0.85), rgba(12,12,12,0) 55%) !important; }
:root[data-colorway="carbon-vermilion"] .fcs-num { text-shadow: 0 2px 30px rgba(12,12,12,0.55) !important; }
:root[data-colorway="carbon-vermilion"] .hzn-rule { background: rgba(246,245,241,0.45) !important; }
:root[data-colorway="carbon-vermilion"] .tt-topline { border-bottom-color: rgba(246,245,241,0.25) !important; }
:root[data-colorway="carbon-vermilion"] .tt-progress { background: rgba(246,245,241,0.2) !important; }
:root[data-colorway="carbon-vermilion"] .fcs-eyebrow { color: rgba(246,245,241,0.55) !important; }
:root[data-colorway="carbon-vermilion"] .fcs-metric { color: rgba(246,245,241,0.9) !important; }
:root[data-colorway="carbon-vermilion"] .fcs-what { color: rgba(246,245,241,0.5) !important; }
:root[data-colorway="carbon-vermilion"] .fcs-meta { border-top-color: rgba(246,245,241,0.22) !important; }
:root[data-colorway="carbon-vermilion"] .fcs-cap { border-color: rgba(246,245,241,0.25) !important; }
:root[data-colorway="carbon-vermilion"] .fcs-progress { background: rgba(246,245,241,0.18) !important; }
:root[data-colorway="carbon-vermilion"] .pda-plats a { border-bottom-color: rgba(246,245,241,0.4) !important; }
:root[data-colorway="carbon-vermilion"] .plq-rule { background: rgba(246,245,241,0.5) !important; }
:root[data-colorway="carbon-vermilion"] .abx-note { border-top-color: rgba(16,16,16,0.22); }
:root[data-colorway="carbon-vermilion"] .dw-item { border-top-color: rgba(16,16,16,0.35) !important; }
:root[data-colorway="carbon-vermilion"] .dw-item:last-of-type { border-bottom-color: rgba(16,16,16,0.35) !important; }
:root[data-colorway="carbon-vermilion"] .vgal-belt::before { background: linear-gradient(90deg, #F2F2EF, rgba(242,242,239,0)) !important; }
:root[data-colorway="carbon-vermilion"] .vgal-belt::after { background: linear-gradient(270deg, #F2F2EF, rgba(242,242,239,0)) !important; }

/* No. 13 - Monochrome - verbatim colorway override */
:root[data-colorway="monochrome"] { --ink: #161616; --black: #111111; --cream: #F7F7F7;
  --cream-text: #F5F5F5; --accent: #3D3D3D; }
:root[data-colorway="monochrome"] .sec-hero, :root[data-colorway="monochrome"] .sec-signature-offer, :root[data-colorway="monochrome"] .sec-testimonial, :root[data-colorway="monochrome"] .sec-case-studies, :root[data-colorway="monochrome"] .sec-parallax-text { background: #111111 !important; }
:root[data-colorway="monochrome"] .sec-intro, :root[data-colorway="monochrome"] .sec-about, :root[data-colorway="monochrome"] .sec-blog { background: #F7F7F7 !important; }
:root[data-colorway="monochrome"] .hzn-rule { background: rgba(245,245,245,0.45) !important; }
:root[data-colorway="monochrome"] .tt-topline { border-bottom-color: rgba(245,245,245,0.25) !important; }
:root[data-colorway="monochrome"] .tt-progress { background: rgba(245,245,245,0.2) !important; }
:root[data-colorway="monochrome"] .fcs-eyebrow { color: rgba(245,245,245,0.55) !important; }
:root[data-colorway="monochrome"] .fcs-metric { color: rgba(245,245,245,0.9) !important; }
:root[data-colorway="monochrome"] .fcs-what { color: rgba(245,245,245,0.5) !important; }
:root[data-colorway="monochrome"] .fcs-meta { border-top-color: rgba(245,245,245,0.22) !important; }
:root[data-colorway="monochrome"] .fcs-cap { border-color: rgba(245,245,245,0.25) !important; }
:root[data-colorway="monochrome"] .fcs-progress { background: rgba(245,245,245,0.18) !important; }
:root[data-colorway="monochrome"] .pda-plats a { border-bottom-color: rgba(245,245,245,0.4) !important; }
:root[data-colorway="monochrome"] .plq-rule { background: rgba(245,245,245,0.5) !important; }
:root[data-colorway="monochrome"] .abx-note { border-top-color: rgba(22,22,22,0.22); }
:root[data-colorway="monochrome"] .dw-item { border-top-color: rgba(22,22,22,0.35) !important; }
:root[data-colorway="monochrome"] .dw-item:last-of-type { border-bottom-color: rgba(22,22,22,0.35) !important; }

/* No. 15 - Carmine II - verbatim colorway override */
:root[data-colorway="carmine-ii"] { --ink: #260D0F; --black: #170405; --cream: #F9F4F2;
  --cream-text: #F7EDEB; --accent: #B02E2A; }
:root[data-colorway="carmine-ii"] .sec-testimonial { background: #2B0A0D !important; }
:root[data-colorway="carmine-ii"] .sec-case-studies { background: #3D1216 !important; }
:root[data-colorway="carmine-ii"] .sec-podcast { background: #200608 !important; }
:root[data-colorway="carmine-ii"] .sec-footer { background: #170405 !important; }
:root[data-colorway="carmine-ii"] .sec-intro { background: #F9F4F2 !important; }
:root[data-colorway="carmine-ii"] .sec-about { background: #F4E9E5 !important; }
:root[data-colorway="carmine-ii"] .sec-blog { background: #FBF6F3 !important; }
:root[data-colorway="carmine-ii"] .plq-kicker, :root[data-colorway="carmine-ii"] .plq-btn { background: #131313 !important; }
:root[data-colorway="carmine-ii"] .tt-topline { border-bottom-color: rgba(247,237,235,0.25) !important; }
:root[data-colorway="carmine-ii"] .tt-progress { background: rgba(247,237,235,0.2) !important; }
:root[data-colorway="carmine-ii"] .hzn-rule { background: rgba(247,237,235,0.45) !important; }
:root[data-colorway="carmine-ii"] .fcs-eyebrow { color: rgba(247,237,235,0.55) !important; }
:root[data-colorway="carmine-ii"] .fcs-metric { color: rgba(247,237,235,0.9) !important; }
:root[data-colorway="carmine-ii"] .fcs-what { color: rgba(247,237,235,0.5) !important; }
:root[data-colorway="carmine-ii"] .fcs-meta { border-top-color: rgba(247,237,235,0.22) !important; }
:root[data-colorway="carmine-ii"] .fcs-cap { border-color: rgba(247,237,235,0.25) !important; }
:root[data-colorway="carmine-ii"] .fcs-progress { background: rgba(247,237,235,0.18) !important; }
:root[data-colorway="carmine-ii"] .pda-plats a { border-bottom-color: rgba(247,237,235,0.4) !important; }
:root[data-colorway="carmine-ii"] .abx-note { border-top-color: rgba(38,13,15,0.22); }
:root[data-colorway="carmine-ii"] .dw-item { border-top-color: rgba(38,13,15,0.35) !important; }
:root[data-colorway="carmine-ii"] .dw-item:last-of-type { border-bottom-color: rgba(38,13,15,0.35) !important; }

/* No. 16 - Cobalt II - verbatim colorway override */
:root[data-colorway="cobalt-ii"] { --ink: #12203A; --black: #071022; --cream: #F4F7FB;
  --cream-text: #EFF4FA; --accent: #2456C4; }
:root[data-colorway="cobalt-ii"] .sec-testimonial { background: #0E1F3D !important; }
:root[data-colorway="cobalt-ii"] .sec-case-studies { background: #17325F !important; }
:root[data-colorway="cobalt-ii"] .sec-podcast { background: #0A1830 !important; }
:root[data-colorway="cobalt-ii"] .sec-footer { background: #071022 !important; }
:root[data-colorway="cobalt-ii"] .sec-intro { background: #F4F7FB !important; }
:root[data-colorway="cobalt-ii"] .sec-about { background: #E9EFF7 !important; }
:root[data-colorway="cobalt-ii"] .sec-blog { background: #F8FAFD !important; }
:root[data-colorway="cobalt-ii"] .plq-kicker, :root[data-colorway="cobalt-ii"] .plq-btn { background: #131313 !important; }
:root[data-colorway="cobalt-ii"] .tt-topline { border-bottom-color: rgba(239,244,250,0.25) !important; }
:root[data-colorway="cobalt-ii"] .tt-progress { background: rgba(239,244,250,0.2) !important; }
:root[data-colorway="cobalt-ii"] .hzn-rule { background: rgba(239,244,250,0.45) !important; }
:root[data-colorway="cobalt-ii"] .fcs-eyebrow { color: rgba(239,244,250,0.55) !important; }
:root[data-colorway="cobalt-ii"] .fcs-metric { color: rgba(239,244,250,0.9) !important; }
:root[data-colorway="cobalt-ii"] .fcs-what { color: rgba(239,244,250,0.5) !important; }
:root[data-colorway="cobalt-ii"] .fcs-meta { border-top-color: rgba(239,244,250,0.22) !important; }
:root[data-colorway="cobalt-ii"] .fcs-cap { border-color: rgba(239,244,250,0.25) !important; }
:root[data-colorway="cobalt-ii"] .fcs-progress { background: rgba(239,244,250,0.18) !important; }
:root[data-colorway="cobalt-ii"] .pda-plats a { border-bottom-color: rgba(239,244,250,0.4) !important; }
:root[data-colorway="cobalt-ii"] .abx-note { border-top-color: rgba(18,32,58,0.22); }
:root[data-colorway="cobalt-ii"] .dw-item { border-top-color: rgba(18,32,58,0.35) !important; }
:root[data-colorway="cobalt-ii"] .dw-item:last-of-type { border-bottom-color: rgba(18,32,58,0.35) !important; }

/* No. 17 - Monochrome II - verbatim colorway override */
:root[data-colorway="monochrome-ii"] { --ink: #161616; --black: #0A0A0A; --cream: #F7F7F7;
  --cream-text: #F5F5F5; --accent: #3D3D3D; }
:root[data-colorway="monochrome-ii"] .sec-testimonial { background: #111111 !important; }
:root[data-colorway="monochrome-ii"] .sec-case-studies { background: #2B2B2B !important; }
:root[data-colorway="monochrome-ii"] .sec-podcast { background: #1B1B1B !important; }
:root[data-colorway="monochrome-ii"] .sec-footer { background: #0A0A0A !important; }
:root[data-colorway="monochrome-ii"] .sec-intro { background: #F7F7F7 !important; }
:root[data-colorway="monochrome-ii"] .sec-about { background: #ECECEC !important; }
:root[data-colorway="monochrome-ii"] .sec-blog { background: #FDFDFD !important; }
:root[data-colorway="monochrome-ii"] .plq-kicker, :root[data-colorway="monochrome-ii"] .plq-btn { background: #131313 !important; }
:root[data-colorway="monochrome-ii"] .tt-topline { border-bottom-color: rgba(245,245,245,0.25) !important; }
:root[data-colorway="monochrome-ii"] .tt-progress { background: rgba(245,245,245,0.2) !important; }
:root[data-colorway="monochrome-ii"] .hzn-rule { background: rgba(245,245,245,0.45) !important; }
:root[data-colorway="monochrome-ii"] .fcs-eyebrow { color: rgba(245,245,245,0.55) !important; }
:root[data-colorway="monochrome-ii"] .fcs-metric { color: rgba(245,245,245,0.9) !important; }
:root[data-colorway="monochrome-ii"] .fcs-what { color: rgba(245,245,245,0.5) !important; }
:root[data-colorway="monochrome-ii"] .fcs-meta { border-top-color: rgba(245,245,245,0.22) !important; }
:root[data-colorway="monochrome-ii"] .fcs-cap { border-color: rgba(245,245,245,0.25) !important; }
:root[data-colorway="monochrome-ii"] .fcs-progress { background: rgba(245,245,245,0.18) !important; }
:root[data-colorway="monochrome-ii"] .pda-plats a { border-bottom-color: rgba(245,245,245,0.4) !important; }
:root[data-colorway="monochrome-ii"] .abx-note { border-top-color: rgba(22,22,22,0.22); }
:root[data-colorway="monochrome-ii"] .dw-item { border-top-color: rgba(22,22,22,0.35) !important; }
:root[data-colorway="monochrome-ii"] .dw-item:last-of-type { border-bottom-color: rgba(22,22,22,0.35) !important; }

/* No. 18 - Stone Neutral II - verbatim colorway override */
:root[data-colorway="stone-neutral-ii"] { --ink: #2E2A25; --black: #191613; --cream: #F4F1EB;
  --cream-text: #F2EFE8; --accent: #8A7A66; }
:root[data-colorway="stone-neutral-ii"] .sec-testimonial { background: #2B2723 !important; }
:root[data-colorway="stone-neutral-ii"] .sec-case-studies { background: #3B352E !important; }
:root[data-colorway="stone-neutral-ii"] .sec-podcast { background: #221E1A !important; }
:root[data-colorway="stone-neutral-ii"] .sec-footer { background: #191613 !important; }
:root[data-colorway="stone-neutral-ii"] .sec-intro { background: #F4F1EB !important; }
:root[data-colorway="stone-neutral-ii"] .sec-about { background: #ECE6DC !important; }
:root[data-colorway="stone-neutral-ii"] .sec-blog { background: #F9F7F2 !important; }
:root[data-colorway="stone-neutral-ii"] .plq-kicker, :root[data-colorway="stone-neutral-ii"] .plq-btn { background: #131313 !important; }
:root[data-colorway="stone-neutral-ii"] .tt-topline { border-bottom-color: rgba(242,239,232,0.25) !important; }
:root[data-colorway="stone-neutral-ii"] .tt-progress { background: rgba(242,239,232,0.2) !important; }
:root[data-colorway="stone-neutral-ii"] .hzn-rule { background: rgba(242,239,232,0.45) !important; }
:root[data-colorway="stone-neutral-ii"] .fcs-eyebrow { color: rgba(242,239,232,0.55) !important; }
:root[data-colorway="stone-neutral-ii"] .fcs-metric { color: rgba(242,239,232,0.9) !important; }
:root[data-colorway="stone-neutral-ii"] .fcs-what { color: rgba(242,239,232,0.5) !important; }
:root[data-colorway="stone-neutral-ii"] .fcs-meta { border-top-color: rgba(242,239,232,0.22) !important; }
:root[data-colorway="stone-neutral-ii"] .fcs-cap { border-color: rgba(242,239,232,0.25) !important; }
:root[data-colorway="stone-neutral-ii"] .fcs-progress { background: rgba(242,239,232,0.18) !important; }
:root[data-colorway="stone-neutral-ii"] .pda-plats a { border-bottom-color: rgba(242,239,232,0.4) !important; }
:root[data-colorway="stone-neutral-ii"] .abx-note { border-top-color: rgba(46,42,37,0.22); }
:root[data-colorway="stone-neutral-ii"] .dw-item { border-top-color: rgba(46,42,37,0.35) !important; }
:root[data-colorway="stone-neutral-ii"] .dw-item:last-of-type { border-bottom-color: rgba(46,42,37,0.35) !important; }

/* Legibility fix: .sec-intro is a DARK section in the base design
   (css/home.css: background #221E1A; color var(--cream-text)). The per-colorway
   overrides above mistakenly grouped it with the light sections (.sec-about,
   .sec-blog) and flipped its background to --cream, leaving its light --cream-text
   copy (the signature-offer "xpn" band) invisible on a light ground in every
   colorway. Keep it dark, tinted to each colorway's --black, so the copy stays
   legible. Applies to every colorway incl. original (near-identical near-black). */
:root[data-colorway] .sec-intro { background: var(--black) !important; }