/* ghost — color & type tokens lifted from the existing app screenshot */
:root {
  --g-bg: #161616;          /* app background */
  --g-bg-raised: #1d1d1d;   /* sidebar / panels */
  --g-card: #242424;        /* cards */
  --g-card-2: #2a2a2a;      /* nested / hover cards */
  --g-chip: #2f2f2f;        /* code chips, pills */
  --g-border: #383838;
  --g-border-soft: #2c2c2c;

  --g-text: #ececec;
  --g-text-2: #a3a3a3;
  --g-text-3: #8b8b8b;

  --g-blue: #4385f4;
  --g-blue-soft: rgba(67, 133, 244, 0.14);
  --g-red: #e15a6b;
  --g-red-soft: rgba(225, 90, 107, 0.14);
  --g-amber: #d99a3d;
  --g-amber-soft: rgba(217, 154, 61, 0.14);
  --g-green: #3fbf77;
  --g-green-soft: rgba(63, 191, 119, 0.14);

  --g-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --g-mono: ui-monospace, "SF Mono", Menlo, monospace;
}
.g-root {
  font-family: var(--g-sans);
  background: var(--g-bg);
  color: var(--g-text);
  -webkit-font-smoothing: antialiased;
  text-align: left;
}
.g-root * { box-sizing: border-box; }
.g-mono { font-family: var(--g-mono); }