/* Channel Studio palette. Local to this site; shared service styles stay reusable. */
:root {
  --ink: #293c5a;
  --muted: #5e6070;
  --paper: #f8f4ed;
  --line: #d5cfdf;
  --accent: #8c79bb;
  --tint: #c6e4f2;
  --dark: #293c5a;
  --white: #fffcf7;
  --graphite: #343744;
  --lilac: #8c79bb;
  --sky: #c6e4f2;
  --warm: #c49b78;
  --soft-lilac: #eee8f3;
  color: var(--graphite);
}
body[data-site="channel-studio"] { --accent: var(--lilac); --tint: var(--sky); }
h1, h2, h3, .brand, .header-nav, .contact-top, .eyebrow,
.package-label, .inclusions-title, .demo-profile strong, .demo-tag,
.contact-text, .text-button, .footer-contacts, .chat-title { color: var(--ink); }
.hero-description, .visual-caption, .principles { color: var(--graphite); }
.tiny-dot, .caption-dot { background: var(--warm); }
.primary { background: var(--ink); color: var(--paper); }
.primary:hover, .send:hover, .chat-launch:hover { background: var(--graphite); }
.secondary:hover, .icon-button:not(.send):hover { background: var(--soft-lilac); }
.hero-visual { background: var(--sky); }
.demo-channel { box-shadow: 0 15px 35px #293c5a20; }
.demo-cover { background: var(--ink); color: var(--paper); border-bottom: 5px solid var(--lilac); }
.demo-avatar { background: var(--warm); color: var(--ink); }
.demo-profile, .demo-pill { border-color: var(--line); }
.demo-lines i { background: var(--soft-lilac); }
.demo-bottom { color: var(--ink); }
.package { background: var(--white); }
.package.featured, .selected-package { background: var(--soft-lilac); border-color: var(--lilac); }
.package-badge { background: var(--ink); color: var(--paper); }
.package li > .icon, .package li span { color: var(--ink); }
.steps article > .step-pictogram { color: var(--lilac); }
input, select, textarea { border-color: var(--lilac); color: var(--graphite); caret-color: var(--ink); }
input::placeholder, textarea::placeholder { color: var(--muted); opacity: 1; }
input[type="checkbox"] { accent-color: var(--ink); }
::selection { background: var(--sky); color: var(--ink); }
.chat-launch { background: var(--ink); border-color: var(--ink); color: var(--paper); box-shadow: 0 7px 24px #293c5a29; }
.online-dot { background: var(--sky); }
.chat { border-color: var(--lilac); box-shadow: 0 24px 90px #293c5a50; color: var(--graphite); }
.chat::backdrop { background: #293c5a40; }
.chat-human { background: var(--sky); color: var(--ink); }
.message { border-color: var(--line); }
.message.user, .send, .skip { background: var(--ink); color: var(--paper); }
.chat-status { color: #6b4b31; }
.icon-extrusion { stroke: var(--ink); }
/* Keep the existing 3D geometry and transparency in the blue/lilac colour family. */
body[data-icon-style="3d"] .icon-3d,
body[data-icon-style="3d"] .brand-mark-3d { filter: grayscale(1) sepia(1) saturate(1.2) hue-rotate(185deg); }
body[data-icon-style="3d"] .icon-control { filter: drop-shadow(-.3px -.3px .1px #fffcf799); }