/* Generated from the palette in Admin -> Branding -> Theme.

   Only tokens changed from the stylesheet default appear here. */

:root {
  --c-brand: #6366f1;
  --c-brand-strong: #4f46e5;
  --c-brand-deep: #4338ca;
  --c-brand-alt: #8b5cf6;
  --c-brand-tint: #f5f3ff;
  --c-brand-tint-2: #eef2ff;
  --c-brand-border: #c7d2fe;
  --c-chrome: #181320;
  --c-chrome-2: #241a3d;
  --c-chrome-3: #1a132a;
  --c-chrome-control: #27272a;
  --c-chrome-control-hover: #3f3f46;
  --c-chrome-border: #4b5563;
  --c-chrome-chip: #384252;
  --c-chrome-select: #292050;
  --c-chrome-select-border: #4a3a78;
}

:root[data-theme="dark"] {
  --c-brand: #8285f7;
  --c-brand-strong: #6568f1;
  --c-brand-deep: #c8c9fe;
  --c-brand-alt: #ac8afa;
  --c-brand-tint: #23243d;
  --c-brand-tint-2: #202041;
  --c-brand-border: #3f4079;
  --c-chrome: #181320;
  --c-chrome-2: #241a3d;
  --c-chrome-3: #1a132a;
  --c-chrome-control: #27272a;
  --c-chrome-control-hover: #3f3f46;
  --c-chrome-border: #4b5563;
  --c-chrome-chip: #384252;
  --c-chrome-select: #292050;
  --c-chrome-select-border: #4a3a78;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --c-brand: #8285f7;
    --c-brand-strong: #6568f1;
    --c-brand-deep: #c8c9fe;
    --c-brand-alt: #ac8afa;
    --c-brand-tint: #23243d;
    --c-brand-tint-2: #202041;
    --c-brand-border: #3f4079;
    --c-chrome: #181320;
    --c-chrome-2: #241a3d;
    --c-chrome-3: #1a132a;
    --c-chrome-control: #27272a;
    --c-chrome-control-hover: #3f3f46;
    --c-chrome-border: #4b5563;
    --c-chrome-chip: #384252;
    --c-chrome-select: #292050;
    --c-chrome-select-border: #4a3a78;
  }
}

/* default mode: system */

/* Brand name gradient, from Admin -> Branding -> Brand Name. */
.header-brand h1 [data-site-brand],
.landing-brand [data-site-brand],
.legal-brand {
  color: #6764f2;
  background-image: linear-gradient(135deg, #6764f2, #ff00c8);
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .header-brand h1 [data-site-brand],
  .landing-brand [data-site-brand],
  .legal-brand {
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  }
}

header.soc-header { padding: 0; border-bottom: 0; }

.sc-header { position: sticky; top: 0; }
body[data-social-header-custom] > [data-social-header-custom-wrap] { display: contents; }
header.soc-header, .info-topbar { position: sticky; top: 0; }