/* Connect HomeAI design tokens — scoped via html[data-theme] */

:root {
  --connect-hai-orange: #F26419;
  --connect-hai-pg: #070710;
  --connect-hai-s1: #0D0D1A;
  --connect-hai-s2: #12121F;
  --connect-hai-br: rgba(255, 255, 255, 0.07);
  --connect-hai-bb: rgba(255, 255, 255, 0.12);
  --connect-hai-tx: #E4E4F0;
  --connect-hai-mu: rgba(228, 228, 240, 0.45);
  --connect-hai-og: rgba(242, 100, 25, 0.18);
  --connect-hai-ob: rgba(242, 100, 25, 0.35);
  --connect-hai-pv2: rgba(255, 255, 255, 0.05);
  --connect-hai-pbr: rgba(255, 255, 255, 0.09);
  --connect-hai-font-display: 'Bricolage Grotesque', sans-serif;
  --connect-hai-font-body: 'Inter', sans-serif;
  --connect-hai-font-mono: 'DM Mono', monospace;
  --connect-hai-radius-sm: 8px;
  --connect-hai-radius-md: 14px;
  --connect-hai-radius-lg: 20px;
  --connect-hai-radius-xl: 24px;
  --connect-hai-nav-h: 4rem;
  --connect-hai-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --connect-hai-nav-bg: rgba(7, 7, 16, 0.97);
  --connect-hai-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
  /* Accent (sidebar + page content, not topbar) comes from connect-brand-2026.css */
}

html[data-theme="light"] {
  --connect-hai-pg: #ffffff;
  --connect-hai-s1: #f7f7fb;
  --connect-hai-s2: #eeeff5;
  --connect-hai-br: rgba(0, 0, 0, 0.07);
  --connect-hai-bb: rgba(0, 0, 0, 0.11);
  --connect-hai-tx: #0D0D14;
  --connect-hai-mu: rgba(13, 13, 20, 0.48);
  --connect-hai-og: rgba(242, 100, 25, 0.08);
  --connect-hai-ob: rgba(242, 100, 25, 0.22);
  --connect-hai-pv2: rgba(0, 0, 0, 0.04);
  --connect-hai-pbr: rgba(0, 0, 0, 0.07);
  --connect-hai-nav-bg: rgba(255, 255, 255, 0.96);
  --connect-hai-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
}

.connect-hai-page {
  font-family: var(--connect-hai-font-body);
  color: var(--connect-hai-tx);
  background: var(--connect-hai-pg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* FA5 — body font must not override icon glyphs */
.connect-hai-page .fa,
.connect-hai-page .fas,
.connect-hai-page .far,
.connect-hai-page .fab {
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", FontAwesome !important;
}

.connect-hai-page .fas,
.connect-hai-page .fa.fa-solid {
  font-weight: 900 !important;
}

.connect-hai-page .far,
.connect-hai-page .fa.fa-regular {
  font-weight: 400 !important;
}