:root {
  --iara-navy: 6 27 53;
  --iara-navy-deep: 3 17 36;
  --iara-cyan: 14 190 207;
  --iara-blue: 22 137 235;
  --iara-soft: 240 249 252;
  --accent-primary: var(--iara-cyan);
  --accent-primary-hover: 8 154 172;
  --link: 4 132 158;
  --link-hover: 8 108 132;
  --ring-primary: var(--iara-cyan);
  --surface-submit: var(--iara-navy);
  --surface-submit-hover: var(--iara-navy-deep);
  --status-info: var(--iara-blue);
  --status-info-subtle: 231 250 252;
  --status-info-border: 103 232 242;
  --theme-font-family: Inter, Roboto, Arial, sans-serif;
  --theme-control-radius: .5rem;
  --theme-surface-radius: .75rem;
  --theme-large-surface-radius: 1rem;
}

.dark { --accent-primary: 36 223 206; --accent-primary-hover: 93 241 225; --link: 93 241 225; --link-hover: 174 255 245; --surface-submit: 14 190 207; --surface-submit-hover: 36 223 206; }
html, body, button, input, textarea, select { font-family: var(--theme-font-family); }
::selection { background: rgb(var(--iara-cyan) / .22); }
input:focus, textarea:focus, select:focus { border-color: rgb(var(--iara-cyan)) !important; box-shadow: 0 0 0 2px rgb(var(--iara-cyan) / .25) !important; }
aside[aria-label] { border-top: 3px solid rgb(var(--iara-cyan)); }
[data-testid='new-chat-button'] { background: rgb(var(--iara-navy)) !important; border-color: rgb(var(--iara-navy)) !important; color: white !important; }
[data-testid='new-chat-button']:hover { background: rgb(var(--iara-cyan)) !important; }
[data-testid^='nav-panel-'][aria-pressed='true'] { background: rgb(var(--iara-cyan) / .13) !important; color: rgb(0 116 139) !important; }
/* Login layout. `body.iara-auth` is set by iara-login-branding-v1.js once the
   AuthLayout logo (#root > div > div > img) has been swapped to assets/logo.png. */
body.iara-auth { background:rgb(var(--iara-soft)); }
body.iara-auth #root > div:has(> div > img[src='assets/logo.png']) { box-sizing:border-box; justify-content:center; min-height:100svh; padding:clamp(12px,2.5vh,24px) 18px; border-top:5px solid rgb(var(--iara-cyan)); background:radial-gradient(circle at 50% 30%,rgb(14 190 207 / .1),transparent 34%),rgb(var(--iara-soft)); }
body.iara-auth #root > div > div:has(> img[src='assets/logo.png']) { flex:none; width:clamp(88px,12vh,120px); height:clamp(86px,12vh,117px); margin:0 auto clamp(8px,1.8vh,16px); }
body.iara-auth #root > div > div > img[src='assets/logo.png'] { width:100% !important; height:100% !important; object-fit:contain; }
body.iara-auth main { flex:0 0 auto; width:100%; padding:0; }
body.iara-auth main > div { box-sizing:border-box; width:min(calc(100% - 36px),420px); margin:0 auto; padding:clamp(22px,3vh,30px) 32px; border:1px solid rgb(188 221 229); border-top:4px solid rgb(var(--iara-cyan)); border-radius:14px; background:white; box-shadow:0 18px 42px rgb(3 17 36 / .14); }
body.iara-auth [role='contentinfo'] { margin:clamp(10px,2vh,18px) auto 0; }
.dark body.iara-auth #root > div:has(> div > img[src='assets/logo.png']) { background:radial-gradient(circle at 50% 30%,rgb(14 190 207 / .12),transparent 34%),rgb(var(--iara-navy-deep)); }
.dark body.iara-auth main > div { border-color:rgb(22 74 91); background:rgb(4 24 43); }
@media (max-width: 520px) {
  body.iara-auth #root > div:has(> div > img[src='assets/logo.png']) { padding:12px 0; }
  body.iara-auth #root > div > div:has(> img[src='assets/logo.png']) { width:88px; height:86px; margin-bottom:8px; }
  body.iara-auth main > div { padding:22px 26px; }
}