/* Rabit Connect brand color — the single place to change the Connect theme color.
   Every Connect stylesheet reads it through --connect-hai-accent and the derived shades below.
   Loaded by the ~/connect-homeai and ~/connect-admin-b4 bundles (App_Start/BundleConfig.cs). */

:root {
  --connect-brand: #328edd;

  /* Derived shades — no need to edit these when changing --connect-brand */
  --connect-hai-accent: var(--connect-brand);
  --connect-hai-accent-hover: color-mix(in srgb, var(--connect-brand) 85%, #000);
  --connect-hai-accent-strong: color-mix(in srgb, var(--connect-brand) 60%, #000);
  --connect-hai-accent-light: color-mix(in srgb, var(--connect-brand) 65%, #fff);
  --connect-hai-accent-soft: color-mix(in srgb, var(--connect-brand) 12%, #fff);
  --connect-hai-accent-bg: color-mix(in srgb, var(--connect-brand) 18%, transparent);
  --connect-hai-accent-border: color-mix(in srgb, var(--connect-brand) 35%, transparent);
  --connect-hai-accent-muted: color-mix(in srgb, var(--connect-brand) 12%, transparent);
  --connect-hai-accent-gradient: linear-gradient(135deg, color-mix(in srgb, var(--connect-brand) 35%, transparent) 0%, color-mix(in srgb, var(--connect-brand) 22%, transparent) 100%);
}

html[data-theme="light"] {
  --connect-hai-accent-bg: color-mix(in srgb, var(--connect-brand) 10%, transparent);
  --connect-hai-accent-border: color-mix(in srgb, var(--connect-brand) 28%, transparent);
  --connect-hai-accent-muted: color-mix(in srgb, var(--connect-brand) 8%, transparent);
  --connect-hai-accent-gradient: linear-gradient(135deg, color-mix(in srgb, var(--connect-brand) 20%, transparent) 0%, color-mix(in srgb, var(--connect-brand) 12%, transparent) 100%);
}

/* Header: the HomeAI orange tokens resolve to the brand color inside the Connect top bar */
.connect-hai-page .connect-topbar {
  --connect-hai-orange: var(--connect-hai-accent);
  --connect-hai-og: var(--connect-hai-accent-bg);
  --connect-hai-ob: var(--connect-hai-accent-border);
}