/* Contribution OS — Design tokens */
:root {
  /* Surfaces */
  --bg-app: #FAF9F7;
  --bg-nav: #F6F4F1;
  --bg-card: #FFFFFF;
  --bg-well: #F1EFEC;
  --bg-inverse: #131C33;

  /* Ink */
  --ink: #131C33;
  --ink-2: #4A5468;
  --ink-3: #878EA0;
  --ink-inverse: #F5F6F9;

  /* Lines */
  --line: #E6E3DC;
  --line-strong: #D4D0C7;

  /* Semantic — contribution & insight */
  --teal: #2A7D74;
  --teal-tint: #E7F1EF;
  --teal-line: #BBD8D3;

  /* Semantic — decisions */
  --blue: #1E4DD8;
  --blue-tint: #EAEEFB;
  --blue-line: #C3CFF2;

  /* Semantic — assumptions, risk, pending */
  --amber: #A96F14;
  --amber-tint: #FAF2E2;
  --amber-line: #E8D5AC;

  /* Semantic — verified outcomes & learning */
  --green: #2F855A;
  --green-tint: #E7F2EC;
  --green-line: #BBDCCA;

  /* Semantic — AI-generated interpretation */
  --purple: #6B46C1;
  --purple-tint: #F0EBFA;
  --purple-line: #D4C6EF;

  /* Semantic — critical blockers only */
  --red: #C0392B;
  --red-tint: #FAE9E7;
  --red-line: #EBBDB7;

  /* Type */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, sans-serif;
  --mono: "SF Mono", ui-monospace, Menlo, monospace;
  --fs-xs: 11px;
  --fs-s: 12.5px;
  --fs-m: 14px;
  --fs-l: 16px;
  --fs-xl: 20px;
  --fs-xxl: 26px;

  /* Shape */
  --r-s: 6px;
  --r-m: 10px;
  --r-l: 14px;
  --shadow-1: 0 1px 2px rgba(19, 28, 51, 0.05);
  --shadow-2: 0 4px 16px rgba(19, 28, 51, 0.08);

  /* Layout */
  --nav-w: 228px;
  --ai-w: 324px;
  --topbar-h: 52px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
  font-family: var(--font);
  font-size: var(--fs-m);
  color: var(--ink);
  background: var(--bg-app);
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
}

a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; }