/* =====================================================================
   PRODUCT SKINS — public/assets/css/pages/product-skins.css (step 11.5)
   The ONE place for each product's own colours (BRAND.md exception), as --pd-* variables only.
   Loaded by the products hub (products.blade.php) and by every product page (products/_product.blade.php).
   Moved here from products.css (11.4); values = design/products-preview.html + product-*-preview.html.
   Contrast on paper #F7F6F2: Vira 9.2 · Libra 8.0 · FardPay 6.2 · B2B 5.5 · O2P 5.7 (all >= 4.5);
   -on-ink colours on ink #15201B: all >= 4.5 (values from each product preview).
   ===================================================================== */
:root{
  --pd-vira:#2E3A8C;     --pd-vira-soft:#E8EAF5;     --pd-vira-on-ink:#B3BCF2;
  --pd-vira-mid:#8C96D6; --pd-vira-pale:#C9CEEE;      /* Vira charts only */
  --pd-libra:#5B3A8E;    --pd-libra-soft:#EEE8F5;    --pd-libra-on-ink:#C9B6F2;
  --pd-fardpay:#4A6B5C;  --pd-fardpay-soft:#E6EDE9;  --pd-fardpay-on-ink:#A9C4B6;
  --pd-b2b:#8A5A12;      --pd-b2b-soft:#F4EBDD;      --pd-b2b-on-ink:#DDB57A;
  --pd-o2p:#A4431E;      --pd-o2p-soft:#F6E6DE;      --pd-o2p-on-ink:#E7A98C;
}

/* per-product accent: put class pd-p--<product> on a wrapper (hub card, product page) */
.pd-p--vira{--pd-accent:var(--pd-vira);--pd-accent-soft:var(--pd-vira-soft);--pd-accent-on-ink:var(--pd-vira-on-ink);--pd-accent-mid:var(--pd-vira-mid);--pd-accent-pale:var(--pd-vira-pale)}
.pd-p--libra{--pd-accent:var(--pd-libra);--pd-accent-soft:var(--pd-libra-soft);--pd-accent-on-ink:var(--pd-libra-on-ink)}
.pd-p--fardpay{--pd-accent:var(--pd-fardpay);--pd-accent-soft:var(--pd-fardpay-soft);--pd-accent-on-ink:var(--pd-fardpay-on-ink)}
.pd-p--b2b{--pd-accent:var(--pd-b2b);--pd-accent-soft:var(--pd-b2b-soft);--pd-accent-on-ink:var(--pd-b2b-on-ink)}
.pd-p--o2p{--pd-accent:var(--pd-o2p);--pd-accent-soft:var(--pd-o2p-soft);--pd-accent-on-ink:var(--pd-o2p-on-ink)}