/* ============================================================
   DEBENHAMS GROUP DESIGN SYSTEM — TOKENS (canonical)
   Single source of truth. The site (index.html) and every project
   prototype link this file — never copy values out of it.
   Brand values: Colour Alignment set (post-KM, 26 Aug 2026).
   Full 12-slot families: Debenhams + boohoo. Others land per audit.
   Provenance note: to be re-wired to the extract-tokens.mjs chain
   when plt-app-prototype is ingested (see .context/13).
   ============================================================ */

/* Layer 1: mode-invariant semantic tokens + scales. Same across every fascia. */
:root{
  /* text — body floor is Grey 5 (AA); Grey 4 and below never used for body text */
  --text-primary:#0F0F0F;--text-secondary:#6B6B6B;--text-disabled:#B5B5B5;--text-inverse:#FFF;
  --text-error:#D33F3F;--text-success:#1F7A25;--text-warning:#7A5800;
  /* surface */
  --surface-sunken:#FAFAFA;--surface-raised:#FFF;--surface-inverse:#0F0F0F;--surface-overlay:rgba(0,0,0,.6);
  --surface-action-disabled:#E7E7E7;--surface-error:#FFF2F2;--surface-success:#EAF6EA;--surface-warning:#FFFBE6;
  /* border */
  --border-subtle:#E7E7E7;--border-default:#D6D6D6;--border-strong:#767676;--border-control:#B5B5B5; /* Figma Grey 3 — checkbox box + radio ring (669-892 / 669-2125) */--border-error:#D33F3F;
  /* icon — may use Grey 4 (not text-contrast bound) */
  --icon-primary:#0F0F0F;--icon-secondary:#767676;--icon-disabled:#B5B5B5;--icon-inverse:#FFF;--icon-on-action:#FFF;
  /* media + callout surfaces (product imagery placeholder Grey 1 · Taggstar bar Grey 6) */
  --surface-media:#F2F2F2;--surface-callout:#323232;
  /* spacing — 4pt base */
  /* SPACING — measured in GAPS. 1 gap = 4px = Tailwind spacing unit 1 (p-1 · m-1 · gap-1 · space-x-1 = 0.25rem at a 16px root).
     Always quote both: "gap 4 (16px)". gap-N = N × 4px; the scale is Tailwind's own keys, so gap-N here === Tailwind N.
     --space-<px> names stay as aliases for existing CSS. Tailwind preset: assets/ds/tailwind.preset.js. */
  --gap-unit:4px;
  --gap-0:0px;--gap-0_5:2px;--gap-1:4px;--gap-1_5:6px;--gap-2:8px;--gap-3:12px;--gap-4:16px;--gap-5:20px;--gap-6:24px;
  --gap-8:32px;--gap-10:40px;--gap-12:48px;--gap-16:64px;--gap-20:80px;--gap-24:96px;--gap-32:128px;
  --space-2:var(--gap-0_5);--space-4:var(--gap-1);--space-8:var(--gap-2);--space-12:var(--gap-3);--space-16:var(--gap-4);--space-20:var(--gap-5);--space-24:var(--gap-6);
  --space-32:var(--gap-8);--space-40:var(--gap-10);--space-48:var(--gap-12);--space-64:var(--gap-16);--space-80:var(--gap-20);--space-96:var(--gap-24);--space-128:var(--gap-32);
  /* border width */
  --border-w:1px;--border-w-emphasis:2px;--border-w-focus:2px;
  /* motion */
  --dur-fast:100ms;--dur-base:200ms;--dur-slow:300ms;
  --ease-standard:cubic-bezier(.2,0,0,1);--ease-emphasised:cubic-bezier(.3,0,.8,.15);
  /* z-index */
  --z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-banner:300;--z-overlay:400;--z-modal:500;--z-popover:600;--z-toast:700;--z-tooltip:800;

  /* Layer 2 defaults: Debenhams (the default mode). Brand blocks below override. */
  --brand-name:'Debenhams';
  --font-family-base:'Geologica',ui-sans-serif,-apple-system,system-ui,sans-serif;
  --w-regular:300;--w-mid:400;--w-strong:600;--cta-case:none;
  /* USP banner slots (a = message strip, b = code strip) — from the Header Figma component */
  --usp-a-bg:#F8F8F8;--usp-a-bg2:#ECECEC;--usp-a-fg:#000;--usp-b-bg:#000;--usp-b-fg:#FFF; /* live (07 Oct): header cells alternate #F8F8F8 / #ECECEC */
  /* category nav strip — Debenhams aqua tint; most fascias run it white */
  --nav-bg:var(--brand-light-2);--nav-fg:var(--text-primary);
  /* card overlay chrome (badges, AI banner, sale price) — PLT overrides with its cream/red set */
  --badge-bg:rgba(255,255,255,.9);--badge-fg:var(--text-primary);--badge-border:var(--border-subtle);
  --ai-bg:var(--badge-bg);--ai-fg:var(--badge-fg);--price-sale:var(--text-error); /* AI banner matches the badge */
  /* footer newsletter band */
  --ft-band:var(--surface-sunken);
  --radius-default:4px;--radius-lg:8px;--radius-pill:9999px;
  /* membership status pill (.mpill) + checkout tiles (.co-tile: payment methods, promo Apply) — PLT overrides with sand (14 Oct 2026) */
  --mpill-bg:#F2F2F2;--mpill-fg:#000;--mpill-dot:#000;--mpill-dot-plus:#7BE7D8;--mpill-grad-plus:linear-gradient(115deg,#000 0%,#00787D 100%); /* --mpill-dot is THE active-membership dot: checkout pill + account row "Active" status. Unlimited+: aqua dot inside the gradient pill; on the account row the dot IS the gradient (--mpill-grad-plus). Not active #D6D6D6 / expiring #D33F3F stay fixed */
  --co-tile-bg:var(--surface-raised);--co-tile-border:#B5B5B5;
  /* AI — one look for every agent / AI surface, every fascia (Figma PLP Reviews jNQsrePXxw0j0AksixkseD · AI Gradient 265:3677 · Icons / AI 27:37643) */
  --ai-gradient:linear-gradient(107deg,#70BEB3 0%,#9DEDE2 99.4%);--ai-a:#70BEB3;--ai-b:#9DEDE2;--ai-icon-a:#529C92;--ai-icon-b:#70BEB3;--ai-outline:1.5px;
  --surface-page:#FFF;
  /* buttons (colour-alignment brand-colours): Debenhams primary = Primary Aqua + black ink;
     CTA Aqua teal carries links, checks, focus — not the button fill */
  --brand-primary:#7BE7D8;--surface-action:#7BE7D8;--surface-action-hover:#9DEDE2;--surface-action-pressed:#76DECF;--text-on-action:#000;
  --w-btn:var(--w-strong);
  --brand-neutral:#E8F4F2;--brand-light-4:#E6FFFC;--brand-light-3:#D6FFF9;--brand-light-2:#B8FDF4;--brand-light-1:#9DEDE2;
  --brand-dark-1:#76DECF;--brand-dark-2:#70BEB3;--brand-dark-3:#529C92;--brand-primary-dark:#1E6F63;
  /* link/check/focus colour (Debenhams: CTA Aqua teal) — other fascias re-derive from their action */
  --border-action:#00787D;--border-focus:#00787D;
  --text-link:#00787D;--text-link-hover:#00565A;--icon-action:#00787D;
  /* button component — golden truth (colour-alignment brand-colours):
     SemiBold 600 · primary UPPERCASE · secondary sentence case · 4px radius every fascia ·
     secondary = white + 1px brand outline + black label. KM alone: 400, sentence case both. */
  --btn-outline:#70BEB3;--case-btn1:uppercase;--case-btn2:none;
}
/* Layer 2: per-fascia overrides. CTA/pressed/on/light-1/light-3/paper/type/radius/case are the
   Colour Alignment set (post-KM review, Aug 26). Full 12-slot families exist for
   Debenhams + boohoo; remaining slots for the other fascias land as each is audited. */
[data-brand="debenhams"]{/* default — no overrides */}
[data-brand="boohoo"]{
  --text-on-action:#FFF; /* golden: primary ink is white */
  --w-btn:600;--btn-outline:#000; /* golden button truth */
  --brand-name:'boohoo';--font-family-base:'Montserrat',ui-sans-serif,-apple-system,system-ui,sans-serif;
  --w-regular:500;--w-mid:400;--w-strong:700;
  --usp-a-bg:#000;--usp-a-bg2:#000;--usp-a-fg:#FFF;--usp-b-bg:#FFE0EB;--usp-b-fg:#0F0F0F;
  --brand-primary:#F8B5CC;--surface-action:#000;--surface-action-hover:#242424;--surface-action-pressed:#242424;
  --border-action:var(--surface-action);--border-focus:var(--surface-action);--text-link:var(--surface-action);--text-link-hover:#242424;--icon-action:var(--surface-action);
  --brand-neutral:#F1DCE3;--brand-light-4:#FFE9F0;--brand-light-3:#FEE0EA;--brand-light-2:#FCD3E1;--brand-light-1:#FBC7D8;
  --brand-dark-1:#EEA5BE;--brand-dark-2:#EA92B0;--brand-dark-3:#DD789B;--brand-primary-dark:#CB4870;
  --nav-bg:#FFF;
}
[data-brand="boohooman"]{
  --text-on-action:#FFF; /* golden: primary ink is white */
  --w-btn:600;--btn-outline:#000; /* golden button truth */
  --brand-name:'boohooMAN';--font-family-base:'Montserrat',ui-sans-serif,-apple-system,system-ui,sans-serif;
  --w-regular:500;--w-mid:400;--w-strong:700;
  --usp-a-bg:#000;--usp-a-bg2:#000;--usp-a-fg:#FFF;--usp-b-bg:#D3D3D3;--usp-b-fg:#000; /* grey bar = production #D3D3D3 */
  --badge-bg:rgba(255,255,255,.85);--badge-border:transparent; /* MAN: white 85% badges + wishlist chip, 4px radius */
  --usp-cd-live:#FF0000; /* MAN live countdown runs red */
  --usp-cd:#D33F3F; /* new-format banner = Black/Red variant — countdown digits DS red */
  --brand-primary:#01FE8A;/* MAN accent green — 'new' + card button */--surface-action:#000;--surface-action-hover:#242424;--surface-action-pressed:#242424;
  --border-action:#000;--border-focus:#000;--text-link:#000;--text-link-hover:#242424;--icon-action:#000;
  --brand-light-3:#E7E7E7;--brand-light-2:#F2F2F2;--brand-light-1:#B5B5B5;--brand-primary-dark:#242424;
  --nav-bg:#FFF;
}
[data-brand="plt"]{
  --w-btn:600;--btn-outline:#360502; /* golden button truth */
  /* PLT sand rule (03 Sep, restated 14 Oct): anything grey or white on other fascias renders in the sand family here —
     white → warm white #FFFDF7 (--surface-page / --surface-raised / --panel-bg), Grey 05 / Grey 1 → sand #FAF5E7 (--surface-media / --surface-sunken).
     There is NO pure #FFF surface on PLT: buttons, size tiles, info boxes (USP / returns, BNPL), inputs, modals, cards — light sand or dark sand only.
     Never hard-code #FFF / #F2F2F2 / #FAFAFA in a component; use the surface tokens so PLT picks up sand.
     Checkout (Checkout 2026 WChEtDPH0LcErdYFS9SESn 2290:437863): page gaps + bag bar + order summary = #FAF5E7, sections = #FFFDF7,
     payment tiles + promo Apply = #FAF5E7 fill with no outline, input = #FFFDF7 with #B5B5B5 keyline, links / Change / Discounts = garnet --text-link.
     App: pages on warm white #FFFDF7 (never the darker sand); app checkout links garnet, not iOS blue; disabled Payment = --action-disabled-*.
     Square rule: --radius-pill is 0 here, so every pill / chip / status pill is square — never hard-code 100px / 99px / 9999px radii. */
  --surface-raised:#FFFDF7;--surface-sunken:#FAF5E7;--surface-media:#FAF5E7;
  --hd-icon:16px;--hd-favic:15px;--hd-count:12px;--hd-count-fs:9px; /* PLT header icon set — PLP-Grid-View 158-8458 */
  --brand-name:'PrettyLittleThing';--font-family-base:'Roboto',ui-sans-serif,-apple-system,system-ui,sans-serif;
  --w-regular:400;--w-mid:400;--w-strong:700;--cta-case:uppercase;
  --usp-top-bg:#F1C59E;--usp-top-fg:#000;--usp-a-bg:#FFE4D2;--usp-a-bg2:#F2D9C7;--usp-a-fg:#333;--usp-b-bg:#FFE4D2;--usp-b-fg:#0F0F0F; /* production: peach countdown banner over cream cells (alt cell ~5% darker) */
  --nav-bg:#000;--nav-fg:#FFF; /* PLT runs a black nav strip */
  /* PLT card chrome — AI-Watermark Figma 3-574: cream 85% chips, #333 text, PLT sale red */
  --badge-bg:rgba(250,245,231,.85);--badge-fg:#333;--badge-border:transparent;--price-sale:#C90000;
  --ft-band:#FBF3EC;
  --radius-default:0px;--radius-lg:0px;--radius-pill:0px; /* square-radius mode */
  --mpill-bg:#FAF5E7;--mpill-fg:#333;--mpill-dot:var(--brand-primary); /* Royalty pill: square, sand like the Add new ghost button, garnet dot (Jake 14 Oct 2026) */
  --co-tile-bg:#FAF5E7;--co-tile-border:transparent; /* checkout tiles: sand fill, no outline (2290:437863) */
  --surface-page:#FFFDF7;--text-on-action:#FFF;
  --brand-primary:#550503;--surface-action:#550503;--surface-action-hover:#360502;--surface-action-pressed:#360502;
  --border-action:#360502;--border-focus:#360502;--text-link:#550503;--text-link-hover:#360502;--icon-action:#550503;
  --brand-light-3:#FFD5CD;--brand-light-2:#FFE4D2;--brand-light-1:#C77E75;--brand-primary-dark:#360502;
}
[data-brand="karenmillen"]{
  --text-on-action:#FFF; /* golden: primary ink is white */
  --brand-name:'Karen Millen';--font-family-base:'Jost',ui-sans-serif,-apple-system,system-ui,sans-serif;
  --w-regular:400;--w-strong:600;--w-btn:400;--case-btn1:none;--btn-outline:#000; /* KM buttons: lighter, sentence case both, black outline (colour-alignment) */
  --usp-a-bg:#000;--usp-a-bg2:#000;--usp-a-fg:#FFF;--usp-b-bg:#000;--usp-b-fg:#FFF;
  --brand-primary:#D24508;--surface-action:#D24508;--surface-action-hover:#892D05;--surface-action-pressed:#892D05;
  --border-action:#892D05;--border-focus:#892D05;--text-link:#892D05;--text-link-hover:#000;--icon-action:#892D05;
  --brand-light-3:#F3C1A7;--brand-light-2:#F0B597;--brand-light-1:#E88A5B;--brand-primary-dark:#892D05;
  --nav-bg:#FFF;
}
/* Warehouse from the live relaunch direction (03 Sep capture),
   The Brand Room from its Figma (NRsu568JGzwCDq4egvkUbn). */
[data-brand="warehouse"]{
  --text-on-action:#FFF; /* golden: primary ink is white */
  --w-btn:300;--btn-outline:#000; /* Jake 12 Oct 2026: Warehouse buttons are 300 */
  --brand-name:'Warehouse';
  --font-family-base:'Helvetica Neue',Helvetica,Arial,ui-sans-serif,sans-serif;
  --w-regular:400;--w-mid:400;--w-strong:700;
  --brand-primary:#0A0A0A;--surface-action:#000;--surface-action-hover:#242424;--surface-action-pressed:#242424;
  --brand-light-3:#E7E7E7;--brand-light-2:#F2F2F2;--brand-light-1:#B5B5B5;--brand-primary-dark:#242424;
  --usp-a-bg:#313131;--usp-a-bg2:#313131;--usp-a-fg:#F8F8F8;--usp-b-bg:#323232;--usp-b-fg:#FFF;
  --border-action:#000;--border-focus:#000;--text-link:#000;--text-link-hover:#242424;--icon-action:#000;
  --nav-bg:#FFF;
}
[data-brand="brandroom"]{
  --text-on-action:#FFF; /* golden: primary ink is white */
  --w-btn:600;--btn-outline:#000; /* golden button truth */
  --brand-name:'The Brand Room';
  --font-family-base:'Archivo',ui-sans-serif,-apple-system,system-ui,sans-serif; /* Jake 06 Oct: The Brand Room is set in Archivo, not Helvetica Neue */
  --w-regular:400;--w-mid:400;--w-strong:700;--cta-case:uppercase;
  --radius-default:0px;--radius-lg:0px;--radius-pill:0px; /* square-radius mode — confirmed */
  --brand-primary:#0A0A0A;--surface-action:#000;--surface-action-hover:#242424;--surface-action-pressed:#242424;
  --brand-light-3:#E7E7E7;--brand-light-2:#F2F2F2;--brand-light-1:#B5B5B5;--brand-primary-dark:#242424;
  --usp-a-bg:#000;--usp-a-bg2:#000;--usp-a-fg:#FFF;--usp-b-bg:#000;--usp-b-fg:#FFF;
  --border-action:#000;--border-focus:#000;--text-link:#000;--text-link-hover:#242424;--icon-action:#000;
  --nav-bg:#FFF;
}
/* Accessibility: all motion collapses under prefers-reduced-motion */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ============================================================
   EXTENDED COMPONENT TOKENS — 08 Sep 2026 estate inventory (.context/18)
   Values: colour-alignment-prototype (post-KM 26 Aug) for colour;
   Group-Design-System for slot architecture. Debenhams = defaults.
   ============================================================ */
:root{
  /* button system (CA matrix 2345-2472): buy-it-now = CTA colour; primary/secondary/tertiary/text states */
  --action-buy:#00787D;--action-buy-pressed:#00565A;--action-buy-disabled:#70BEB3;
  --action-disabled-bg:#E8F4F2;--action-disabled-fg:#B5B5B5;
  --sec-pressed:#E6FFFC;--sec-disabled-border:#E8F4F2;
  --surface-neutral:#E8F4F2;--surface-neutral-pressed:#D7EBE8; /* tertiary fill = brand Neutral */
  --text-link-pressed:#00565A;--text-link-disabled:#70BEB3;--link-w:600; /* golden: text-only CTA is 600 on every brand but KM (500) */
  /* PDP / bag accents */
  --tickc:#529C92;--vto:var(--text-link);
  --badge-save-bg:#FFF2F2;--badge-save-fg:#D33F3F;
  --dot:#00787D;--new:#00787D;
  --paypal:#FFC439;
  /* Deliver+ / SEEL */
  --dplus-bg:#E8F4F2;--dplus-fg:#000;--dplus-link:#00787D;--dplus-check:#00787D;
  /* account */
  --card-bg:linear-gradient(131deg,#7BE7D8 1.8%,#9DEDE2 100%);--card-ink:#000;--card-btn-bg:#FFF;--card-btn-ink:#000;
  --page-bg:#FAFAFA;--panel-bg:#FFF;
  /* checkout PSP field language — fixed across fascias (Checkout 2026) */
  --navy:#00112C;--navy-border:#03112A;--field-grey:#EFEFF1;--field-border:#DBDEE2;--field-text:#5C687C;
  /* messaging */
  --success-bar:#70C474;--success-bg:#EAF6EA;--error-bg:#FFF2F2;
  /* shadows */
  --shadow-pill:0 0 14px -4px rgba(0,0,0,.25);--shadow-card:0 4px 10px rgba(22,19,20,.06);
  --shadow-float:0 8px 18px rgba(22,19,20,.14);--shadow-puck:0 0 14px -4px rgba(0,0,0,.18);--shadow-tile:0 2px 10px rgba(0,0,0,.1);
  /* AI Generated strip height — other badges shift up by exactly this */
  --ai-h:24px;
}
[data-brand="boohoo"],[data-brand="boohooman"],[data-brand="warehouse"],[data-brand="brandroom"]{
  --action-buy:#000;--action-buy-pressed:#000;--action-buy-disabled:#000;
  --action-disabled-bg:#F2F2F2;--action-disabled-fg:#B5B5B5;
  --sec-pressed:#D6D6D6;--sec-disabled-border:#F2F2F2;
  --surface-neutral:#F2F2F2;--surface-neutral-pressed:#E7E7E7;
  --text-link-pressed:#000;--text-link-disabled:#000;
  --tickc:#000;--vto:#000;--dot:#000;--new:#000;
  --card-bg:#000;--card-ink:#FFF;--card-btn-bg:#FFF;--card-btn-ink:#000;
  --dplus-bg:#FFE0EB;--dplus-fg:#000;--dplus-link:#000;--dplus-check:#000; /* boohoo keeps Light-3 pink for Deliver+ */
}
[data-brand="boohooman"]{--card-btn-bg:#01FE8A;--new:#01FE8A;--dplus-bg:#101010;--dplus-fg:#FFF;--dplus-link:#FFF;--dplus-check:#01FE8A}
[data-brand="warehouse"],[data-brand="brandroom"]{--dplus-bg:#F2F2F2;--dplus-check:#000}
[data-brand="plt"]{
  --action-buy:#550503;--action-buy-pressed:#450603;--action-buy-disabled:#FAF5E7;
  --action-disabled-bg:#FAF5E7;--action-disabled-fg:#B5B5B5;
  --sec-pressed:#FCF0EE;--sec-disabled-border:#F3EAE8;
  --surface-neutral:#F3EAE8;--surface-neutral-pressed:#FCF0EE;
  --text-link-pressed:#1E0301;--text-link-disabled:#360502;
  --tickc:#270401;--vto:#550503;--dot:#550503;--new:#550503;
  --badge-save-bg:transparent;--badge-save-fg:#C90000;
  --card-bg:#550503;--card-ink:#FFF;--card-btn-bg:#FFFDF7;--card-btn-ink:#550503;
  --page-bg:#FAF5E7;--panel-bg:#FFFDF7;
  --dplus-bg:#E7ADA2;--dplus-fg:#000;--dplus-link:#000;--dplus-check:#5F0000; /* check colour unverified vs CA */
}
[data-brand="karenmillen"]{
  --action-buy:#892D05;--action-buy-pressed:#7E2905;--action-buy-disabled:#7E2905; /* Figma anomaly: disabled darker than default */
  --action-disabled-bg:#FAE9E1;--action-disabled-fg:#6B6B6B;
  --sec-pressed:#F4D1C1;--sec-disabled-border:#FAE9E1;
  --surface-neutral:#FAE9E1;--surface-neutral-pressed:#F6DACE;
  --text-link-pressed:#2A0E02;--text-link-disabled:#7E2905;--link-w:500;
  --tickc:#000;--vto:#000;--dot:#D24508;--new:#D24508;
  --card-bg:#D24508;--card-ink:#FFF;--card-btn-bg:#FFF;--card-btn-ink:#000;
  --paypal:#EEEEEE; /* KM PayPal on light grey */
  --dplus-bg:linear-gradient(90deg,#000 36%,#161616 100%);--dplus-fg:#FFF;--dplus-link:#FFF;--dplus-check:#FFF;
}

/* ============================================================
   FASCIA MODES FROM THE FRONT-END THEME — the other 11 fascias of the estate, generated 10 Sep 2026 from the
   front-end Storybook theme variables (.context/inventory/storybook-capture/themes.json) through the
   dev→token mapping in .context/inventory/05-dev-storybook.md §3. Colours here are what production ships today.
   Order of the estate: debenhams · debenhamsoutlet · wallis · burton · principles · boohooman · boohoo · karenmillen · plt · coast · oasis · dorothyperkins · warehouse · misspap · dsgnstudio · trainingdept · brandroom
   ============================================================ */
[data-brand="debenhamsoutlet"]{ /* from the front-end theme (debenhamsoutlet, 09 Sep) via .context/inventory/05 §3 */
  --brand-name:'Debenhams Outlet';--font-family-base:'Geologica',ui-sans-serif,-apple-system,system-ui,sans-serif;
  --w-regular:400;--w-mid:500;--w-strong:700;--w-btn:600;
  --brand-primary:#000000;--surface-action:#000000;--surface-action-hover:#000000;--surface-action-pressed:#000000;--text-on-action:#FFFFFF;
  --text-link:#000000;--text-link-hover:#242424;--border-action:#000000;--border-focus:#000000;--icon-action:#000000;--btn-outline:#000000; /* Jake 12 Oct: no aqua — black like boohoo, Geologica kept */
  --brand-primary-dark:#000000;--brand-dark-3:#000000;--brand-light-1:#000000;--brand-light-2:#F8F8F8;--brand-light-3:#F8F8F8;
  --nav-bg:#BC0000;--nav-fg:#FFFFFF;
  --surface-page:#FFFFFF;--surface-sunken:#F8F8F8;--ft-band:#FFF1E8;
  --usp-a-bg:#F8F8F8;--usp-a-bg2:#F8F8F8;--usp-a-fg:#0F0F0F;--usp-b-bg:#000000;--usp-b-fg:#FFFFFF;
  
  --action-buy:#000000;--action-buy-pressed:#000000;--action-buy-disabled:#B5B5B5;--action-disabled-bg:#F2F2F2;--action-disabled-fg:#B5B5B5;
  --sec-pressed:#D6D6D6;--sec-disabled-border:#F2F2F2;--surface-neutral:#F2F2F2;--surface-neutral-pressed:#E7E7E7;
  --text-link-pressed:#000000;--text-link-disabled:#B5B5B5;--tickc:#000000;--vto:#000000;--dot:#000000;--new:#000000;
  --card-bg:#000;--card-ink:#FFF;--card-btn-bg:#FFF;--card-btn-ink:#000;
  --dplus-bg:#F2F2F2;--dplus-fg:#000;--dplus-link:#000000;--dplus-check:#000000;
}
[data-brand="wallis"]{ /* from the front-end theme (wallis, 09 Sep) via .context/inventory/05 §3 */
  --brand-name:'Wallis';--font-family-base:'Urbanist',ui-sans-serif,-apple-system,system-ui,sans-serif;
  --w-regular:400;--w-mid:500;--w-strong:700;--w-btn:600;
  --brand-primary:#444444;--surface-action:#444444;--surface-action-hover:#444444;--surface-action-pressed:#444444;--text-on-action:#FFFFFF;
  --text-link:#444444;--text-link-hover:#444444;--border-action:#444444;--border-focus:#444444;--icon-action:#444444;--btn-outline:#444444;
  --brand-primary-dark:#444444;--brand-dark-3:#444444;--brand-light-1:#444444;--brand-light-2:#F8F8F8;--brand-light-3:#F8F8F8;
  --nav-bg:#444444;--nav-fg:#FFFFFF;
  --surface-page:#FFFFFF;--surface-sunken:#F8F8F8;--ft-band:#FFF1E8;
  --usp-a-bg:#F8F8F8;--usp-a-bg2:#F8F8F8;--usp-a-fg:#0F0F0F;--usp-b-bg:#444444;--usp-b-fg:#FFFFFF;
  
  --action-buy:#444444;--action-buy-pressed:#444444;--action-buy-disabled:#B5B5B5;--action-disabled-bg:#F2F2F2;--action-disabled-fg:#B5B5B5;
  --sec-pressed:#D6D6D6;--sec-disabled-border:#F2F2F2;--surface-neutral:#F2F2F2;--surface-neutral-pressed:#E7E7E7;
  --text-link-pressed:#444444;--text-link-disabled:#B5B5B5;--tickc:#444444;--vto:#444444;--dot:#284D7B;--new:#444444;
  --card-bg:linear-gradient(131deg,#1ABC9C 1.8%,#16A085 100%);--card-ink:#FFF;--card-btn-bg:#1ABC9C;--card-btn-ink:#FFF;
  --dplus-bg:#F2F2F2;--dplus-fg:#000;--dplus-link:#444444;--dplus-check:#444444;
}
[data-brand="burton"]{ /* Jake 12 Oct 2026: type + buttons = boohoo / MAN (Montserrat, 600 buttons) */
  --brand-name:'Burton';--font-family-base:'Montserrat',ui-sans-serif,-apple-system,system-ui,sans-serif;
  --w-regular:500;--w-mid:400;--w-strong:700;--w-btn:600;
  --brand-primary:#000000;--surface-action:#000000;--surface-action-hover:#242424;--surface-action-pressed:#242424;--text-on-action:#FFFFFF;
  --text-link:#000000;--text-link-hover:#242424;--border-action:#000000;--border-focus:#000000;--icon-action:#000000;--btn-outline:#000000;
  --brand-primary-dark:#242424;--brand-dark-3:#000000;--brand-light-1:#B5B5B5;--brand-light-2:#F2F2F2;--brand-light-3:#E7E7E7;
  --nav-bg:#333333;--nav-fg:#FFFFFF;
  --surface-page:#FFFFFF;--surface-sunken:#FAFAFA;--ft-band:var(--surface-sunken);
  --usp-a-bg:#F8F8F8;--usp-a-bg2:#F8F8F8;--usp-a-fg:#0F0F0F;--usp-b-bg:#000000;--usp-b-fg:#FFFFFF;
  --action-buy:#000000;--action-buy-pressed:#000000;--action-buy-disabled:#B5B5B5;--action-disabled-bg:#F2F2F2;--action-disabled-fg:#B5B5B5;
  --sec-pressed:#D6D6D6;--sec-disabled-border:#F2F2F2;--surface-neutral:#F2F2F2;--surface-neutral-pressed:#E7E7E7;
  --text-link-pressed:#000000;--text-link-disabled:#B5B5B5;--tickc:#000000;--vto:#000000;--dot:#000000;--new:#000000;
  --card-bg:#000000;--card-ink:#FFF;--card-btn-bg:#FFF;--card-btn-ink:#000;
  --dplus-bg:#F2F2F2;--dplus-fg:#000;--dplus-link:#000000;--dplus-check:#000000;
}
[data-brand="principles"]{ /* from the front-end theme (principles, 09 Sep) via .context/inventory/05 §3 */
  --brand-name:'Principles';--font-family-base:'Lato',ui-sans-serif,-apple-system,system-ui,sans-serif;
  --w-regular:400;--w-mid:500;--w-strong:700;--w-btn:600;
  --brand-primary:#444444;--surface-action:#444444;--surface-action-hover:#444444;--surface-action-pressed:#444444;--text-on-action:#FFFFFF;
  --text-link:#444444;--text-link-hover:#444444;--border-action:#444444;--border-focus:#444444;--icon-action:#444444;--btn-outline:#444444;
  --brand-primary-dark:#444444;--brand-dark-3:#444444;--brand-light-1:#444444;--brand-light-2:#F8F8F8;--brand-light-3:#F8F8F8;
  --nav-bg:#444444;--nav-fg:#FFFFFF;
  --surface-page:#FFFFFF;--surface-sunken:#F8F8F8;--ft-band:#FFF1E8;
  --usp-a-bg:#F8F8F8;--usp-a-bg2:#F8F8F8;--usp-a-fg:#0F0F0F;--usp-b-bg:#444444;--usp-b-fg:#FFFFFF;
  
  --action-buy:#444444;--action-buy-pressed:#444444;--action-buy-disabled:#B5B5B5;--action-disabled-bg:#F2F2F2;--action-disabled-fg:#B5B5B5;
  --sec-pressed:#D6D6D6;--sec-disabled-border:#F2F2F2;--surface-neutral:#F2F2F2;--surface-neutral-pressed:#E7E7E7;
  --text-link-pressed:#444444;--text-link-disabled:#B5B5B5;--tickc:#444444;--vto:#444444;--dot:#284D7B;--new:#444444;
  --card-bg:linear-gradient(131deg,#1ABC9C 1.8%,#16A085 100%);--card-ink:#FFF;--card-btn-bg:#1ABC9C;--card-btn-ink:#FFF;
  --dplus-bg:#F2F2F2;--dplus-fg:#000;--dplus-link:#444444;--dplus-check:#444444;
}
[data-brand="coast"]{ /* from the front-end theme (coast, 09 Sep) via .context/inventory/05 §3 */
  --brand-name:'Coast';--font-family-base:'Roboto',ui-sans-serif,-apple-system,system-ui,sans-serif;
  --w-regular:400;--w-mid:500;--w-strong:700;--w-btn:600;
  --brand-primary:#000000;--surface-action:#000000;--surface-action-hover:#000000;--surface-action-pressed:#000000;--text-on-action:#FFFFFF;
  --text-link:#000000;--text-link-hover:#000000;--border-action:#000000;--border-focus:#000000;--icon-action:#000000;--btn-outline:#000000;
  --brand-primary-dark:#000000;--brand-dark-3:#000000;--brand-light-1:#000000;--brand-light-2:#F8F8F8;--brand-light-3:#F8F8F8;
  --nav-bg:#000000;--nav-fg:#FFFFFF;
  --surface-page:#FFFFFF;--surface-sunken:#F8F8F8;--ft-band:#FFF1E8;
  --usp-a-bg:#F8F8F8;--usp-a-bg2:#F8F8F8;--usp-a-fg:#0F0F0F;--usp-b-bg:#000000;--usp-b-fg:#FFFFFF;
  
  --action-buy:#000000;--action-buy-pressed:#000000;--action-buy-disabled:#B5B5B5;--action-disabled-bg:#F2F2F2;--action-disabled-fg:#B5B5B5;
  --sec-pressed:#D6D6D6;--sec-disabled-border:#F2F2F2;--surface-neutral:#F2F2F2;--surface-neutral-pressed:#E7E7E7;
  --text-link-pressed:#000000;--text-link-disabled:#B5B5B5;--tickc:#000000;--vto:#000000;--dot:#284D7B;--new:#000000;
  --card-bg:linear-gradient(131deg,#1ABC9C 1.8%,#16A085 100%);--card-ink:#FFF;--card-btn-bg:#1ABC9C;--card-btn-ink:#FFF;
  --dplus-bg:#F2F2F2;--dplus-fg:#000;--dplus-link:#000000;--dplus-check:#000000;
}
[data-brand="oasis"]{ /* from the front-end theme (oasis, 09 Sep) via .context/inventory/05 §3 */
  --brand-name:'Oasis';--font-family-base:'Geologica',ui-sans-serif,-apple-system,system-ui,sans-serif;
  --w-regular:400;--w-mid:500;--w-strong:700;--w-btn:600;
  --brand-primary:#000000;--surface-action:#000000;--surface-action-hover:#000000;--surface-action-pressed:#000000;--text-on-action:#FFFFFF;
  --text-link:#000000;--text-link-hover:#000000;--border-action:#000000;--border-focus:#000000;--icon-action:#000000;--btn-outline:#000000;
  --brand-primary-dark:#000000;--brand-dark-3:#000000;--brand-light-1:#000000;--brand-light-2:#F8F8F8;--brand-light-3:#F8F8F8;
  --nav-bg:#FFFFFF;--nav-fg:#000000;
  --surface-page:#FFFFFF;--surface-sunken:#F8F8F8;--ft-band:#FFF1E8;
  --usp-a-bg:#F8F8F8;--usp-a-bg2:#F8F8F8;--usp-a-fg:#0F0F0F;--usp-b-bg:#000000;--usp-b-fg:#FFFFFF;
  
  --action-buy:#000000;--action-buy-pressed:#000000;--action-buy-disabled:#B5B5B5;--action-disabled-bg:#F2F2F2;--action-disabled-fg:#B5B5B5;
  --sec-pressed:#D6D6D6;--sec-disabled-border:#F2F2F2;--surface-neutral:#F2F2F2;--surface-neutral-pressed:#E7E7E7;
  --text-link-pressed:#000000;--text-link-disabled:#B5B5B5;--tickc:#000000;--vto:#000000;--dot:#284D7B;--new:#000000;
  --card-bg:linear-gradient(131deg,#1ABC9C 1.8%,#16A085 100%);--card-ink:#FFF;--card-btn-bg:#1ABC9C;--card-btn-ink:#FFF;
  --dplus-bg:#F2F2F2;--dplus-fg:#000;--dplus-link:#000000;--dplus-check:#000000;
}
[data-brand="dorothyperkins"]{ /* from the front-end theme (dorothy-perkins, 09 Sep) via .context/inventory/05 §3 */
  --brand-name:'Dorothy Perkins';--font-family-base:'PublicSans',ui-sans-serif,-apple-system,system-ui,sans-serif;
  --w-regular:400;--w-mid:500;--w-strong:700;--w-btn:600;
  --brand-primary:#000000;--surface-action:#000000;--surface-action-hover:#000000;--surface-action-pressed:#000000;--text-on-action:#FFFFFF;
  --text-link:#000000;--text-link-hover:#000000;--border-action:#000000;--border-focus:#000000;--icon-action:#000000;--btn-outline:#000000;
  --brand-primary-dark:#000000;--brand-dark-3:#000000;--brand-light-1:#000000;--brand-light-2:#F8F8F8;--brand-light-3:#F8F8F8;
  --nav-bg:#000000;--nav-fg:#FFFFFF;
  --surface-page:#FFFFFF;--surface-sunken:#F8F8F8;--ft-band:#FFF1E8;
  --usp-a-bg:#F8F8F8;--usp-a-bg2:#F8F8F8;--usp-a-fg:#0F0F0F;--usp-b-bg:#000000;--usp-b-fg:#FFFFFF;
  
  --action-buy:#000000;--action-buy-pressed:#000000;--action-buy-disabled:#B5B5B5;--action-disabled-bg:#F2F2F2;--action-disabled-fg:#B5B5B5;
  --sec-pressed:#D6D6D6;--sec-disabled-border:#F2F2F2;--surface-neutral:#F2F2F2;--surface-neutral-pressed:#E7E7E7;
  --text-link-pressed:#000000;--text-link-disabled:#B5B5B5;--tickc:#000000;--vto:#000000;--dot:#284D7B;--new:#000000;
  --card-bg:linear-gradient(131deg,#1ABC9C 1.8%,#16A085 100%);--card-ink:#FFF;--card-btn-bg:#1ABC9C;--card-btn-ink:#FFF;
  --dplus-bg:#F2F2F2;--dplus-fg:#000;--dplus-link:#000000;--dplus-check:#000000;
}
[data-brand="misspap"]{ /* Jake 12 Oct 2026: type + buttons = boohoo / MAN (Montserrat, 600 buttons), in Misspap #101820 instead of black, grey secondary outline; header inverted (C-05 .hd--inv) */
  --brand-name:'Misspap';--font-family-base:'Montserrat',ui-sans-serif,-apple-system,system-ui,sans-serif;
  --w-regular:500;--w-mid:400;--w-strong:700;--w-btn:600;
  --brand-primary:#101820;--surface-action:#101820;--surface-action-hover:#242424;--surface-action-pressed:#242424;--text-on-action:#FFFFFF;
  --text-link:#101820;--text-link-hover:#242424;--border-action:#101820;--border-focus:#101820;--icon-action:#101820;--btn-outline:#B5B5B5;
  --brand-primary-dark:#242424;--brand-dark-3:#101820;--brand-light-1:#B5B5B5;--brand-light-2:#F2F2F2;--brand-light-3:#E7E7E7;
  --nav-bg:#000000;--nav-fg:#FFFFFF;--hd-bg:#000000;--hd-fg:#FFFFFF;--hd-search-bg:#333333;--hd-search-fg:#FFFFFF; /* live 12 Oct: black logo bar + black nav, grey pill search */
  --surface-page:#FFFFFF;--surface-sunken:#FAFAFA;--ft-band:var(--surface-sunken);
  --usp-a-bg:#E7D5C6;--usp-a-bg2:#E7D5C6; /* USP strip = Misspap beige #E7D5C6 (Jake, 08 Oct 2026) */--usp-a-fg:#0F0F0F;--usp-b-bg:#101820;--usp-b-fg:#FFFFFF;
  --action-buy:#101820;--action-buy-pressed:#101820;--action-buy-disabled:#B5B5B5;--action-disabled-bg:#F2F2F2;--action-disabled-fg:#B5B5B5;
  --sec-pressed:#D6D6D6;--sec-disabled-border:#F2F2F2;--surface-neutral:#F2F2F2;--surface-neutral-pressed:#E7E7E7;
  --text-link-pressed:#101820;--text-link-disabled:#B5B5B5;--tickc:#101820;--vto:#101820;--dot:#101820;--new:#101820;
  --card-bg:#101820;--card-ink:#FFF;--card-btn-bg:#FFF;--card-btn-ink:#000;
  --dplus-bg:#F2F2F2;--dplus-fg:#000;--dplus-link:#101820;--dplus-check:#101820;
}
[data-brand="dsgnstudio"]{ /* from the front-end theme (dsgnstudio, 09 Sep) via .context/inventory/05 §3 */
  --brand-name:'DSGN Studio';--font-family-base:'Hanken Grotesk',ui-sans-serif,-apple-system,system-ui,sans-serif;
  --w-regular:400;--w-mid:500;--w-strong:700;--w-btn:600;
  --brand-primary:#000000;--surface-action:#000000;--surface-action-hover:#000000;--surface-action-pressed:#000000;--text-on-action:#FFFFFF;
  --text-link:#000000;--text-link-hover:#000000;--border-action:#000000;--border-focus:#000000;--icon-action:#000000;--btn-outline:#000000;
  --brand-primary-dark:#000000;--brand-dark-3:#000000;--brand-light-1:#000000;--brand-light-2:#F8F8F8;--brand-light-3:#F8F8F8;
  --nav-bg:#FFFFFF;--nav-fg:#000000;
  --surface-page:#FFFFFF;--surface-sunken:#F8F8F8;--ft-band:#FFF1E8;
  --usp-a-bg:#F8F8F8;--usp-a-bg2:#F8F8F8;--usp-a-fg:#0F0F0F;--usp-b-bg:#000000;--usp-b-fg:#FFFFFF;
  
  --action-buy:#000000;--action-buy-pressed:#000000;--action-buy-disabled:#B5B5B5;--action-disabled-bg:#F2F2F2;--action-disabled-fg:#B5B5B5;
  --sec-pressed:#D6D6D6;--sec-disabled-border:#F2F2F2;--surface-neutral:#F2F2F2;--surface-neutral-pressed:#E7E7E7;
  --text-link-pressed:#000000;--text-link-disabled:#B5B5B5;--tickc:#000000;--vto:#000000;--dot:#284D7B;--new:#000000;
  --card-bg:linear-gradient(131deg,#1ABC9C 1.8%,#16A085 100%);--card-ink:#FFF;--card-btn-bg:#1ABC9C;--card-btn-ink:#FFF;
  --dplus-bg:#F2F2F2;--dplus-fg:#000;--dplus-link:#000000;--dplus-check:#000000;
}
[data-brand="trainingdept"]{ /* Jake 12 Oct 2026: black like boohoo (black buttons + outlines), DSGN Studio's font; header = live (black logo bar, white nav strip) */
  --brand-name:'Training Dept';--font-family-base:'Hanken Grotesk',ui-sans-serif,-apple-system,system-ui,sans-serif;
  --w-regular:400;--w-mid:500;--w-strong:700;--w-btn:500; /* live buttons 500 */
  --brand-primary:#000000;--surface-action:#000000;--surface-action-hover:#242424;--surface-action-pressed:#242424;--text-on-action:#FFFFFF;
  --text-link:#000000;--text-link-hover:#242424;--border-action:#000000;--border-focus:#000000;--icon-action:#000000;--btn-outline:#000000;
  --brand-primary-dark:#242424;--brand-dark-3:#000000;--brand-light-1:#B5B5B5;--brand-light-2:#F2F2F2;--brand-light-3:#E7E7E7;
  --nav-bg:#FFFFFF;--nav-fg:#000000;--hd-bg:#000000;--hd-fg:#FFFFFF;--hd-search-bg:transparent;--hd-search-fg:#FFFFFF;
  --surface-page:#FFFFFF;--surface-sunken:#FAFAFA;--ft-band:var(--surface-sunken);
  --usp-a-bg:#000000;--usp-a-bg2:#000000;--usp-a-fg:#FFFFFF;--usp-b-bg:#F2F2F2;--usp-b-fg:#000000;
  --action-buy:#000000;--action-buy-pressed:#000000;--action-buy-disabled:#B5B5B5;--action-disabled-bg:#F2F2F2;--action-disabled-fg:#B5B5B5;
  --sec-pressed:#D6D6D6;--sec-disabled-border:#F2F2F2;--surface-neutral:#F2F2F2;--surface-neutral-pressed:#E7E7E7;
  --text-link-pressed:#000000;--text-link-disabled:#B5B5B5;--tickc:#000000;--vto:#000000;--dot:#000000;--new:#000000;
  --card-bg:#000;--card-ink:#FFF;--card-btn-bg:#FFF;--card-btn-ink:#000;
  --dplus-bg:#F2F2F2;--dplus-fg:#000;--dplus-link:#000000;--dplus-check:#000000;
}

/* ============================================================
   DELIVER+ HERO SET — SEEL Enhancements 2026 (CQIe2e2c0iagD1T9WjdYsx · Latest Components 28.08.26), 10 Sep 2026.
   Per-fascia banner ground / ink / link / checkbox / radius read from the designs; for the ten newer fascias the
   design's font + weights + neutral tint are also adopted here (hero indication).
   Debenhams · boohoo · MAN · PLT · KM keep their colour-alignment palettes — differences are listed in .context/22.
   ============================================================ */
[data-brand="debenhams"]{--dplus-bg:#E8F4F2;--dplus-fg:#000000;--dplus-link:#00787D;--dplus-check:#00787D;--dplus-radius:4px;}
[data-brand="boohoo"]{--dplus-bg:#FFE0EB;--dplus-fg:#000000;--dplus-link:#BB305F;--dplus-check:#BB305F;--dplus-radius:4px;}
[data-brand="boohooman"]{--dplus-bg:#000000;--dplus-fg:#FFFFFF;--dplus-link:#FFFFFF;--dplus-check:#FFFFFF;--dplus-radius:4px;}
[data-brand="plt"]{--dplus-bg:#EAAFA4;--dplus-fg:#000000;--dplus-link:#000000;--dplus-check:#FFFDF7;--dplus-radius:0px;}
[data-brand="karenmillen"]{--dplus-bg:#000000;--dplus-fg:#FFFFFF;--dplus-link:#FFFFFF;--dplus-check:#FFFFFF;--dplus-radius:4px;}
[data-brand="burton"]{--dplus-bg:#E2EAF4;--dplus-fg:#000000;--dplus-link:#000000;--dplus-check:#000000;--dplus-radius:0px;--surface-neutral:#E2EAF4;} /* type + buttons now boohoo / MAN (block above, Jake 12 Oct) */
[data-brand="coast"]{--dplus-bg:#E2E0DC;--dplus-fg:#000000;--dplus-link:#000000;--dplus-check:#000000;--dplus-radius:0px;--font-family-base:'Roboto',ui-sans-serif,-apple-system,system-ui,sans-serif;--w-regular:300;--w-mid:400;--w-strong:400;--w-btn:400;--surface-neutral:#E2E0DC;--brand-light-3:#E2E0DC;}
[data-brand="dorothyperkins"]{--dplus-bg:#181729;--dplus-fg:#FFFFFF;--dplus-link:#FFFFFF;--dplus-check:#FFFFFF;--dplus-radius:0px;--font-family-base:'Public Sans',ui-sans-serif,-apple-system,system-ui,sans-serif;--w-regular:300;--w-mid:400;--w-strong:400;--w-btn:400;--surface-neutral:#181729;--brand-light-3:#181729;}
[data-brand="dsgnstudio"]{--dplus-bg:#F4F6F0;--dplus-fg:#000000;--dplus-link:#000000;--dplus-check:#000000;--dplus-radius:0px;--font-family-base:'Hanken Grotesk',ui-sans-serif,-apple-system,system-ui,sans-serif;--w-regular:400;--w-mid:500;--w-strong:500;--w-btn:500;--surface-neutral:#F4F6F0;--brand-light-3:#F4F6F0;}
[data-brand="misspap"]{--dplus-bg:#E7D5C6;--dplus-fg:#000000;--dplus-link:#000000;--dplus-check:#000000;--dplus-radius:0px;--surface-neutral:#E7D5C6;} /* type + buttons now boohoo / MAN (block above, Jake 12 Oct) */
[data-brand="oasis"]{--dplus-bg:#EDE6DF;--dplus-fg:#000000;--dplus-link:#000000;--dplus-check:#000000;--dplus-radius:0px;--font-family-base:'Geologica',ui-sans-serif,-apple-system,system-ui,sans-serif;--w-regular:300;--w-mid:400;--w-strong:400;--w-btn:400;--surface-neutral:#EDE6DF;--brand-light-3:#EDE6DF;}
[data-brand="principles"]{--dplus-bg:#FBF6F0;--dplus-fg:#000000;--dplus-link:#000000;--dplus-check:#000000;--dplus-radius:0px;--font-family-base:'Lato',ui-sans-serif,-apple-system,system-ui,sans-serif;--w-regular:300;--w-mid:400;--w-strong:400;--w-btn:400;--surface-neutral:#FBF6F0;--brand-light-3:#FBF6F0;}
[data-brand="wallis"]{--dplus-bg:#F9EEF3;--dplus-fg:#000000;--dplus-link:#000000;--dplus-check:#000000;--dplus-radius:0px;--font-family-base:'Urbanist',ui-sans-serif,-apple-system,system-ui,sans-serif;--w-regular:300;--w-mid:400;--w-strong:400;--w-btn:400;--surface-neutral:#F9EEF3;--brand-light-3:#F9EEF3;}
[data-brand="warehouse"]{--dplus-bg:#FDFFF5;--dplus-fg:#000000;--dplus-link:#000000;--dplus-check:#000000;--dplus-radius:0px;--font-family-base:'Roboto',ui-sans-serif,-apple-system,system-ui,sans-serif;--w-regular:300;--w-mid:400;--w-strong:400;--w-btn:300;--surface-neutral:#FDFFF5;--brand-light-3:#FDFFF5;} /* Jake 12 Oct: Warehouse buttons 300 */

/* Deliver+ per-fascia type + surfaces read from the SEEL bag/checkout/modal nodes (10 Sep 2026) */
[data-brand="plt"]{--dplus-white:#FFFDF7} /* PLT "Background White" — every white surface in the set */
[data-brand="boohooman"],[data-brand="karenmillen"],[data-brand="dorothyperkins"],[data-brand="plt"]{--dplus-tick:#000} /* white checkbox fill → black tick */
[data-brand="plt"],[data-brand="burton"],[data-brand="coast"],[data-brand="dorothyperkins"],[data-brand="dsgnstudio"],[data-brand="misspap"],[data-brand="oasis"],[data-brand="principles"],[data-brand="wallis"],[data-brand="warehouse"]{--dplus-p:12px}
[data-brand="dsgnstudio"]{--dplus-pw:500}
/* footer band (C-08 .ftr) = the page background (--surface-sunken: #FAFAFA, PLT cream #FAF5E7), so the band runs on from grey pages without a step (Jake, 12 Oct 2026; was Figma Grey 1 #F2F2F2) */
:root,[data-brand]{--ftr-band:var(--surface-sunken,#FAFAFA)}

/* ---------- Price (C-price) — live capture 15 Oct 2026, debenhams / boohoo / PLT / Karen Millen PDP · PLP · rail · added-to-bag · basket.
   All fascias run one price component (data-test-id product-price-current / -max-price-was / -price-saving / price-badge);
   the theme changes only these. Fascias not yet captured inherit the Debenhams defaults. */
:root{
  --price-now-w:600;--price-was-w:400;--price-was-fg:var(--text-primary);
  --price-pdp:24px;--price-pdp-lh:30px;--price-pdp-was:24px;--price-pdp-was-w:var(--price-was-w);--price-pdp-was-fg:var(--price-was-fg);--price-pdp-gap:16px;
  --price-save-pre:"Save ";--price-save-pdp:24px;--price-save-w:400;--price-save-fg:var(--price-sale);--price-save-bg:transparent;--price-save-bd:0 solid transparent;--price-save-pad:0;--price-save-r:0;--price-save-h:auto;
  --price-code:14px;--price-code-lh:21px;--price-code-w:400;
  --price-card:14px;--price-card-lh:21px;--price-card-m:14px;--price-card-m-lh:21px;--price-card-save:inline;--price-card-code:block;
  --price-line:16px;--price-line-lh:24px;--price-drawer:12px;--price-drawer-lh:18px;
}
[data-brand="boohoo"]{
  --price-pdp-lh:24px;--price-pdp-was:20px;--price-pdp-was-w:300;--price-pdp-was-fg:#767676;--price-pdp-gap:12px;
  --price-save-pre:"-";--price-save-pdp:14px;--price-save-bg:#FDE8E8;--price-save-pad:0 8px;--price-save-r:4px;--price-save-h:30px;
  --price-card-m:12px;--price-card-m-lh:18px;
}
[data-brand="plt"]{
  --price-now-w:400;--price-was-w:300;
  --price-pdp:16px;--price-pdp-was:16px;--price-pdp-was-fg:#767676;--price-pdp-gap:12px;
  --price-save-pre:"-";--price-save-pdp:14px;--price-save-w:300;
  --price-code:12px;--price-code-lh:18px;--price-code-w:300;
  --price-card:12px;--price-card-lh:18px;--price-card-m:12px;--price-card-m-lh:18px;
  --price-line:12px;--price-line-lh:18px;
}
[data-brand="karenmillen"]{
  --price-save-pdp:12px;--price-save-fg:var(--text-primary);--price-save-bd:1px solid var(--text-primary);--price-save-pad:0 8px;--price-save-h:30px;
  --price-card-save:none;--price-card-code:none;
}