:root {
  --bg:            #f7f7fb;
  --bg-main:       #ffffff;
  --sidebar:       #f0eff7;
  --surface:       #ededf5;
  --surface-hover: #e4e3f0;
  --border:        #dddbe8;
  --iris:          #0891B2;
  --iris-dim:      #d6f4fa;
  --iris-glow:     rgba(8,145,178,.18);
  --text:          #18181f;
  --text-2:        #4c4a5e;
  --text-3:        #8b899e;
  --bubble-user:   #d6f4fa;
  --bubble-txt:    #18181f;
  --tk-kw:         #af00db;
  --tk-str:        #a31515;
  --tk-cm:         #5b8a3c;
  --tk-num:        #098658;
  --tk-fn:         #795e26;
  --tk-type:       #267f99;
  --tk-attr:       #0451a5;
  --danger:        #c0392b;
  --danger-dim:    rgba(192,57,43,.12);
  --shadow-sm:     0 1px 4px rgba(0,0,0,.06);
  --shadow:        0 4px 16px rgba(0,0,0,.09);
  --shadow-md:     0 8px 28px rgba(0,0,0,.14);
  --sb-open:       256px;
  --sb-closed:     64px;
  --msg-max:       800px;
  --cmp-max:       760px;
  --r-sm:          8px;
  --r:             12px;
  --r-lg:          18px;
  --r-xl:          24px;
  --r-pill:        999px;
  --ease:          cubic-bezier(.4,0,.2,1);
  --t:             .22s;
}

[data-theme="dark"] {
  --bg:            #111118;
  --bg-main:       #16151e;
  --sidebar:       #1b1a26;
  --surface:       #222133;
  --surface-hover: #2b2a3e;
  --border:        #2e2d42;
  --iris:          #22D3EE;
  --iris-dim:      #1a3d47;
  --iris-glow:     rgba(34,211,238,.22);
  --text:          #e8e6f3;
  --text-2:        #aba9c0;
  --text-3:        #6e6c85;
  --bubble-user:   #1a3d47;
  --bubble-txt:    #e8e6f3;
  --tk-kw:         #c586c0;
  --tk-str:        #ce9178;
  --tk-cm:         #6a9955;
  --tk-num:        #b5cea8;
  --tk-fn:         #dcdcaa;
  --tk-type:       #4ec9b0;
  --tk-attr:       #9cdcfe;
  --shadow-sm:     0 1px 4px rgba(0,0,0,.3);
  --shadow:        0 4px 16px rgba(0,0,0,.4);
  --shadow-md:     0 8px 28px rgba(0,0,0,.55);
}