/* ==========================================================================
   ESKEY brand (ai.eskey.com.cn). Loaded after the site's own CSS by the Worker
   (src/brands.ts). Colours from eskey.com.cn; only tokens and a few brand
   surfaces change, layouts stay the same.
   ========================================================================== */

:root {
  /* Marketing, auth and demo pages (ui.css) */
  --b1: #2b6eb4;
  --b2: #3e87c2;
  --b3: #56acd8;
  --b4: #63bedd;
  --b1-rgb: 43 110 180;
  --b2-rgb: 62 135 194;
  --b3-rgb: 86 172 216;
  --b4-rgb: 99 190 221;
  --ink-rgb: 10 20 40;
  --shade-rgb: 20 40 80;
  --grad: linear-gradient(100deg, var(--b2), var(--b4));
  --on-grad: #fff;

  /* Customer app, Sales AI and Social AI (theme.css) */
  --gold-rgb: 62, 135, 194;
  --gold-hi-rgb: 99, 190, 221;
  --color-gold-100: #e6f5fb;
  --color-gold-200: #bfe6f4;
  --color-gold-300: #8ad0ea;
  --color-gold-400: #63bedd;
  --color-gold-500: #3e87c2;
  --color-gold-600: #2b6eb4;
  --color-gold-700: #22588f;
  --color-gold-800: #183f66;
  --color-gold-900: #0b2340;
  --color-text-on-gold: #fff;
  --gradient-gold-premium: linear-gradient(100deg, #3e87c2 0%, #63bedd 100%);
  --gradient-gold-soft: linear-gradient(100deg, #3e87c2 0%, #63bedd 100%);
  --gradient-gold-line: linear-gradient(90deg, transparent 0%, #56acd8 50%, transparent 100%);
}

/* Primary buttons on the marketing pages: light on dark, as on eskey.com.cn. */
.lx-btn--primary { background: #e6e6e6; color: #08090a; box-shadow: none; }
.lx-btn--primary:hover { background: #fff; filter: none; }
.band--light .lx-btn--primary, .band--soft .lx-btn--primary { background: #0b0d12; color: #fff; }
.band--light .lx-btn--primary:hover, .band--soft .lx-btn--primary:hover { background: #1b1f29; }

/* Brand surfaces */
.band--glow { background-color: #090b0f; }
.band--deep {
  --text-2: rgb(220 232 248 / 86%);
  --muted: rgb(220 232 248 / 66%);
  --border: rgb(150 200 255 / 14%);
  background:
    radial-gradient(800px 500px at 50% 110%, rgb(99 190 221 / 35%), transparent 65%),
    linear-gradient(170deg, #071a33 0%, #0b2a52 55%, #123d72 100%);
}
.band--deep .lx-text, .band--deep .lx-head p { color: rgb(220 232 248 / 78%); }
.band--light, .band--soft {
  --bg: #f5f6f8; --panel: rgb(255 255 255 / 72%); --panel-2: rgb(255 255 255 / 90%); --panel-3: #e9ecf1;
  --text: #0b0d12; --text-2: #2a3140; --muted: #5d6676; --dim: #8a93a3;
  background:
    radial-gradient(900px 500px at 15% 0%, rgb(99 190 221 / 22%), transparent 60%),
    radial-gradient(700px 500px at 100% 100%, rgb(43 110 180 / 14%), transparent 60%),
    linear-gradient(180deg, #f8f9fb, #eef1f5);
}
.lx-flow__tag { background: #0b2a52; }
.band:not(.band--deep) .lx-flow__tag { background: var(--bg); }
.lx-core__orb { background: radial-gradient(circle at 35% 30%, #e6f5fb, var(--b3) 45%, var(--b1)); box-shadow: 0 0 60px rgb(99 190 221 / 50%); }
.lx-core .lx-core__orb img { width: 62px !important; height: auto; filter: brightness(0) invert(1); }

/* The Eskey logo is a wordmark: show it at its own width and drop the text label beside it. */
img[src="/brands/eskey/wordmark.png"] { width: auto !important; max-width: none; object-fit: contain; filter: none; }
.hx-logo img { height: 36px; }
.hx-logo span, .sidebar-brand .brand-name, .wizard-top .brand span, .home-topbar .brand span, .login-hero .brand span { display: none; }
.sidebar-brand img { height: 34px; }
.wizard-top .brand img, .home-topbar .brand img, .login-hero .brand img { height: 34px; }
.boot img { height: 52px; }
.radar img { height: 30px; }