/* ═══════════════════════════════════════════════════════════════════════════
   BOT pages palette (Direction C, premium) — the ONLY place the colours of the pages a
   customer opens from the WhatsApp bot are defined (the forms sub-app in forms/ and the
   used-link / log-in-first screens in the shell). No orange anywhere.

   Tokens
     --bp-bg / --bp-sf / --bp-sf2   page, card, raised surface
     --bp-tx / --bp-tx2 / --bp-ln   text, secondary text, hairlines
     --bp-pri / --bp-pri-ink        primary button + selected states / text on it
     --bp-acct                      accent used as TEXT or ICON on a surface (AA ≥ 4.5:1)
     --bp-store                     the store's own accent — decorative only (progress bar,
                                    icon tint, banners); the forms app overrides it from the
                                    store's appearance, so buttons and text never depend on it
     --bp-mint(s) / --bp-rose(s)    success / error, and their tinted backgrounds
     --bp-wa                        WhatsApp green, only on "open WhatsApp" buttons

   Palettes (all 40 contrast pairs checked ≥ AA, light + dark)
     C2  deep emerald + champagne  ← DEFAULT (Mohamed's pick)
     C1  midnight navy + muted gold

   SWAP THE DEFAULT: in this file only, move the two selectors marked "default" below —
   i.e. add `:root,` to the C1 dark block and `html[data-theme="light"],` to the C1 light
   block, and remove them from C2. Or force one at runtime with <html data-bot-palette="c1">.
   ═══════════════════════════════════════════════════════════════════════════ */

/* WhatsApp brand green: same in every palette and theme */
:root { --bp-wa: #25D366; --bp-wa-ink: #06330F; }

/* ===== C2 · deep emerald + champagne ===== */
:root /* default */,
html[data-bot-palette="c2"] {
  --bp-bg: #07130E; --bp-sf: #0E1F18; --bp-sf2: #152B22;
  --bp-tx: #F3F4EE; --bp-tx2: #A5B5AC; --bp-ln: rgba(255, 255, 255, 0.10);
  --bp-pri: #E6D3A1; --bp-pri-ink: #0A2A20; --bp-acct: #E6D3A1; --bp-store: #D9C48C;
  --bp-mint: #5FDDA5; --bp-mints: rgba(95, 221, 165, 0.14);
  --bp-rose: #FF8C9B; --bp-roses: rgba(255, 140, 155, 0.14);
  --bp-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 6px 20px rgba(0, 0, 0, 0.3);
}
html[data-theme="light"] /* default */,
html[data-theme="light"][data-bot-palette="c2"] {
  --bp-bg: #F3F2EC; --bp-sf: #FFFFFF; --bp-sf2: #F6F4EE;
  --bp-tx: #10201A; --bp-tx2: #55625B; --bp-ln: rgba(16, 32, 26, 0.12);
  --bp-pri: #0E4535; --bp-pri-ink: #F1E2B8; --bp-acct: #6F561F; --bp-store: #A98B4B;
  --bp-mint: #1E7F54; --bp-mints: rgba(30, 127, 84, 0.12);
  --bp-rose: #B42A41; --bp-roses: rgba(180, 42, 65, 0.10);
  --bp-shadow: 0 1px 2px rgba(16, 32, 26, 0.05), 0 6px 18px rgba(16, 32, 26, 0.07);
}

/* ===== C1 · midnight navy + muted gold ===== */
html[data-bot-palette="c1"] {
  --bp-bg: #0A1020; --bp-sf: #111A2E; --bp-sf2: #18233B;
  --bp-tx: #F2F4F8; --bp-tx2: #A3AEC2; --bp-ln: rgba(255, 255, 255, 0.10);
  --bp-pri: #DDBE75; --bp-pri-ink: #0A1020; --bp-acct: #E3C57F; --bp-store: #D2B068;
  --bp-mint: #4FD89C; --bp-mints: rgba(79, 216, 156, 0.14);
  --bp-rose: #FF8C9B; --bp-roses: rgba(255, 140, 155, 0.14);
}
html[data-theme="light"][data-bot-palette="c1"] {
  --bp-bg: #EEF1F5; --bp-sf: #FFFFFF; --bp-sf2: #F3F5F8;
  --bp-tx: #121A2B; --bp-tx2: #566174; --bp-ln: rgba(18, 26, 43, 0.12);
  --bp-pri: #14213D; --bp-pri-ink: #F2DDA4; --bp-acct: #7D5F17; --bp-store: #AA8532;
  --bp-mint: #1E7F54; --bp-mints: rgba(30, 127, 84, 0.12);
  --bp-rose: #B42A41; --bp-roses: rgba(180, 42, 65, 0.10);
  --bp-shadow: 0 1px 2px rgba(18, 26, 43, 0.05), 0 6px 18px rgba(18, 26, 43, 0.07);
}