/* The Chat2 look, on when the app is opened at portal.chat2.com (assets/theme-boot.js sets
   <html data-brand="chat2">; lib/site_brand.js). Colours, type and corners from portal.chat2.com
   (frontends/app/css/theme.css in its repo): warm off-white and near-black in light, neutral
   greys in dark, Avenir Next, 16px cards. Flows and Tools are left out (lib/site_brand.js). */
html[data-brand="chat2"] {
  --font: "Avenir Next", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;
  --bg: #f4f2ee; --header-bg: #f4f2ee; --nav-bg: #f7f4ee; --bar-bg: #f7f4ee;
  --text: #1f1f1f; --text-2: #67645d; --text-3: #7d786f; --brand-icon: #1f1f1f;
  --line: #e4dfd7; --border: #e4dfd7; --control-border: #8f887c;
  --surface: #ffffff; --surface-2: #f7f4ee; --surface-3: #f1ede7; --soft-circle: #f1ede7; --icon-circle: #f1ede7;
  --card: #ffffff; --card-solid: #ffffff; --card-border: #e4dfd7;
  --card-shadow: 0 18px 42px rgba(31, 31, 31, .06); --shadow-sm: 0 4px 14px rgba(31, 31, 31, .06); --shadow-lg: 0 24px 54px rgba(31, 31, 31, .12);
  --primary: #111111; --primary-hover: #2f2f2f; --primary-text: #ffffff; --primary-glow: none;
  --accent-control: #111111; --focus-ring: #111111;
  --nav-active: #ece7df; --nav-active-bar: #111111; --nav-active-border: transparent; --nav-hover: rgba(31, 31, 31, .05);
  --success: #2f855a; --success-bg: #2f855a14; --warning: #8a5a12; --warning-bg: #b7791f14;
  --danger: #c53030; --danger-bg: #c5303014; --olive: #4d4a44; --olive-strong: #4d4a44;
  --r-sm: 10px; --r: 12px; --r-lg: 16px;
  --sand-base: #f4f2ee; --sand-overlay: linear-gradient(180deg, #f7f5f1, #f0ede7); --sand-filter: none; --sand-blend: normal;
}
html[data-brand="chat2"][data-theme="dark"] {
  --bg: #0f0f0f; --header-bg: #0f0f0f; --nav-bg: #141414; --bar-bg: #141414;
  --text: #f0f0f0; --text-2: #b8b8b8; --text-3: #8a8a8a; --brand-icon: #f0f0f0;
  --line: #2c2c2c; --border: #2c2c2c; --control-border: #6a6a6a;
  --surface: #161616; --surface-2: #1d1d1d; --surface-3: #242424; --soft-circle: #242424; --icon-circle: #242424;
  --card: #1a1a1a; --card-solid: #1a1a1a; --card-border: #2c2c2c;
  --card-shadow: 0 20px 46px rgba(0, 0, 0, .5); --shadow-sm: 0 4px 14px rgba(0, 0, 0, .4); --shadow-lg: 0 26px 62px rgba(0, 0, 0, .6);
  --primary: #f0f0f0; --primary-hover: #ffffff; --primary-text: #0f0f0f; --primary-glow: none;
  --accent-control: #f0f0f0; --focus-ring: #f0f0f0;
  --nav-active: #242424; --nav-active-bar: #f0f0f0; --nav-active-border: transparent; --nav-hover: rgba(255, 255, 255, .05);
  --success: #7dd3a7; --success-bg: #7dd3a714; --warning: #eac978; --warning-bg: #eac97814;
  --danger: #ef9595; --danger-bg: #ef959514; --olive: #b8b8b8; --olive-strong: #d0d0d0;
  --sand-base: #0f0f0f; --sand-overlay: linear-gradient(180deg, #0f0f0f, #0f0f0f);
}
html[data-brand="chat2"] body { font-family: var(--font); background: var(--bg); }
/* no desert photo: the plain warm page of portal.chat2.com */
html[data-brand="chat2"] .sand::before { display: none; }
/* the logo in the menu and on the sign in pages */
.brand-logo { display: block; height: 34px; width: auto; }
.auth-brand .brand-logo { height: 44px; }
/* the black logo on light pages, the white one on dark */
.brand-logo.is-dark { display: none; }
html[data-theme="dark"] .brand-logo.is-light { display: none; }
html[data-theme="dark"] .brand-logo.is-dark { display: block; }
/* never a way into Flows or Tools for a Chat2 visitor (lib/site_brand.js; the pages stay for everyone else) */
html[data-brand="chat2"] a[href^="/flows"], html[data-brand="chat2"] a[href^="/tools"],
html[data-brand="chat2"] a[href^="/app/flows"], html[data-brand="chat2"] a[href^="/app/tools"] { display: none !important; }

/* charts (Usage): Chat2 ink, its red and warm greys instead of the olive and blue */
html[data-brand="chat2"] .usage { --s0: #b8b2a7; --s1: #1f1f1f; --s2: #c9332b; --s3: #8f887c; --s4: #2f855a; --s5: #b7791f; }
html[data-brand="chat2"][data-theme="dark"] .usage { --s0: #5a5a5a; --s1: #f0f0f0; --s2: #ef6a5f; --s3: #9a948a; --s4: #7dd3a7; --s5: #eac978; }