:root {
  color-scheme: light;
  --scope: #e76f35;
  --scope-soft: #f8e4d8;
  --scope-wash: #f6eee8;
  --scope-deep: #a83f1e;
  --bg: #f6eee8;
  --surface: #fcf8f4;
  --surface-strong: #ffffff;
  --surface-muted: #efede7;
  --ink: #1c1c1a;
  --ink-soft: #6e6c66;
  --line: #dedbd3;
  --line-soft: #ebe8e1;
  --accent: #e76f35;
  --accent-soft: #f8e4d8;
  --personal: #23785f;
  --personal-soft: #dceee7;
  --community: #9d3d35;
  --community-soft: #f2dfdc;
  --focus: #335cff;
  --shadow: 0 12px 40px rgb(32 28 20 / 8%);
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --sidebar: 300px;
  --assistant: 390px;
  --ease: 180ms cubic-bezier(.2,.8,.2,1);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--bg); color: var(--ink); transition: background-color var(--ease); }
button, input, textarea { font: inherit; }
button { color: inherit; }
button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid color-mix(in srgb, var(--focus) 35%, transparent); outline-offset: 2px; }