:root {
  --ui-page: #f3f2e6;
  --ui-surface: #f8f7f0;
  --ui-blue: #3e6b4f;
  --ui-blue-soft: #e7f0dc;
  --ui-rose: #e88a98;
  --ui-rose-soft: #f9e4e8;
  --ui-amber: #c9a24b;
  --ui-amber-soft: #f7d388;
  --ui-mint: #88b870;
  --ui-mint-soft: #e2efd9;
  --ui-chat-canvas: #f8f7f0;
  --ui-ai-canvas: #f8f7f0;
  --ui-recessed: #e8efe2;
  --ui-text: #3a2a30;
  --ui-muted: #948489;
  --ui-line: #c9d9bf;
  --ui-accent: #88b870;
  --ui-selection: #dce8d1;
  --ui-highlight: rgba(255,255,255,.95);
  --ui-control: linear-gradient(180deg, #f8f7f0, #e8efe2);
  --ui-primary: linear-gradient(180deg, #9acb84, #78aa62);
  --ui-raised: 0 1px 2px #3a2a3012, 0 4px 12px #3a2a300d, inset 0 1px var(--ui-highlight);
  --ui-pressed: inset 0 1px 3px #3a2a3018;
  --ui-shadow: 0 20px 60px #3a2a3020, 0 2px 8px #3a2a3012, inset 0 1px var(--ui-highlight);
  --ui-ease: cubic-bezier(.2,.75,.25,1);
  --ui-radius: 8px;
  /* Compatibility for existing component APIs and embedded desktop entry. */
  --aq-surface: var(--ui-surface);
  --aq-page: var(--ui-page);
  --aq-sidebar: var(--ui-recessed);
  --aq-text: var(--ui-text);
  --aq-muted: var(--ui-muted);
  --aq-line: var(--ui-line);
  --aq-highlight: var(--ui-highlight);
  --aq-metal: var(--ui-control);
  --aq-glass: var(--ui-primary);
  --aq-stripes: linear-gradient(transparent, transparent);
  --aq-selection: var(--ui-selection);
  --aq-accent: var(--ui-accent);
  --aq-shadow: var(--ui-shadow);
  --aq-ease: var(--ui-ease);
}
html.dark {
  --ui-page: #201b1d;
  --ui-surface: #2a2427;
  --ui-recessed: #241f22;
  --ui-text: #f2ede6;
  --ui-muted: #b8a9ae;
  --ui-line: #433a3d;
  --ui-accent: #a6ce8e;
  --ui-selection: #33402c;
  --ui-highlight: rgba(255,255,255,.07);
  --ui-control: linear-gradient(180deg, #3a3235, #30292c);
  --ui-primary: linear-gradient(180deg, #a6ce8e, #7ea966);
  --ui-raised: 0 2px 6px #0003, inset 0 1px var(--ui-highlight);
  --ui-pressed: inset 0 1px 4px #0005;
  --ui-shadow: 0 20px 60px #0006, 0 2px 8px #0003, inset 0 1px var(--ui-highlight);
  --ui-blue: #a6ce8e;
  --ui-blue-soft: #2e3629;
  --ui-rose: #eda6b3;
  --ui-rose-soft: #432e34;
  --ui-amber: #eacb8e;
  --ui-amber-soft: #443927;
  --ui-mint: #a6ce8e;
  --ui-mint-soft: #2e3d2a;
  --ui-chat-canvas: #252c24;
  --ui-ai-canvas: #252c24;
}