@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/brand/manrope-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/brand/manrope-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/brand/manrope-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/brand/manrope-700.ttf) format('truetype');
}

/* Exact Chat app tokens from frontend/src/style.css; Manrope throughout. */
html:root {
  --background: 0.00000 0.00000% 100.00000%;
  --foreground: 240.00000 7.69231% 2.54902%;
  --card: 220.00000 13.04348% 95.49020%;
  --card-foreground: 240.00000 7.69231% 2.54902%;
  --popover: 0.00000 0.00000% 100.00000%;
  --popover-foreground: 240.00000 7.69231% 2.54902%;
  --primary: 234.28571 63.09013% 54.31373%;
  --primary-foreground: 0.00000 0.00000% 100.00000%;
  --secondary: 210.00000 11.11111% 92.94118%;
  --secondary-foreground: 240.00000 7.69231% 2.54902%;
  --muted: 210.00000 11.11111% 92.94118%;
  --muted-foreground: 225.00000 6.15385% 25.49020%;
  --accent: 210.00000 9.52381% 91.76471%;
  --accent-foreground: 240.00000 7.69231% 2.54902%;
  --ring: 234.28571 63.09013% 54.31373%;
  --border: 210.00000 5.12821% 84.70588%;
  --input: 0.00000 0.00000% 69.01961%;
  --success: 145.38462 65.00000% 39.21569%;
}
html:root.dark {
  --background: 228.00000 8.19672% 11.96078%;
  --foreground: 220.00000 13.04348% 95.49020%;
  --card: 228.00000 9.09091% 10.78431%;
  --card-foreground: 220.00000 13.04348% 95.49020%;
  --popover: 220.00000 9.67742% 6.07843%;
  --popover-foreground: 220.00000 13.04348% 95.49020%;
  --primary: 234.28571 63.09013% 54.31373%;
  --primary-foreground: 0.00000 0.00000% 100.00000%;
  --secondary: 222.85714 8.86076% 15.49020%;
  --secondary-foreground: 210.00000 9.09091% 87.05882%;
  --muted: 222.85714 8.86076% 15.49020%;
  --muted-foreground: 216.00000 8.77193% 66.47059%;
  --accent: 231.42857 6.66667% 20.58824%;
  --accent-foreground: 220.00000 13.04348% 95.49020%;
  --ring: 234.13043 82.14286% 78.03922%;
  --border: 225.00000 4.54545% 17.25490%;
  --input: 228.00000 3.75940% 26.07843%;
  --success: 145.38462 65.00000% 39.21569%;
}
html:root { --radius:10px; }
html body, html body h1, html body h2, html body h3, html body button, html body input, html body select { font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
html body { color:hsl(var(--foreground)); }
html body header { background:#f2f3f5; border-bottom-color:rgba(6,6,7,.08); }
html.dark body header { background:#191a1e; border-bottom-color:rgba(255,255,255,.06); }
html body header h1 { font-weight:800; letter-spacing:-.025em; }
html body header img { border-radius:10px; }
html body header p { display:none; }
html body h1 { letter-spacing:-.025em; }
html body .bg-green-500, html body .bg-success { background-color:#23a55a; }
html body .text-green-600, html body .text-green-700 { color:#414fd4; }
html.dark body .text-green-600, html.dark body .text-green-700 { color:#99a2f5; }


/* Signed-in Chat shell, from style.css and app-design-system.css. */
html body { background:#f7f8f9; min-height:100vh; }
html.dark body { background:#141518; }
html body #global, html body .dashboard-container { background:transparent; }
html body header { background:#f2f3f5; border-bottom:1px solid rgba(6,6,7,.08); backdrop-filter:none; }
html.dark body header { background:#191a1e; border-bottom-color:rgba(255,255,255,.06); }
html body header .py-4 { padding-top:12px; padding-bottom:12px; }
html body header .w-12 { width:36px; height:36px; }
html body header h1 { font-size:20px; line-height:1.3; font-weight:800; }
html body .text-4xl { font-size:26px; line-height:1.3; font-weight:800; }
html body .bg-card { background:#fff; border-color:rgba(6,6,7,.08); border-radius:10px; box-shadow:none; }
html.dark body .bg-card { background:#1c1d21; border-color:rgba(255,255,255,.06); }
html body input, html body select { border-radius:6px; }
html body header nav a:first-child { background:#414fd4; color:#fff; border-radius:6px; }
html body header nav a:first-child:hover { background:#313aa0; }
html body .text-emerald-800 { color:#414fd4; }
html.dark body .text-emerald-800 { color:#99a2f5; }