/* Winston design tokens — mirrored verbatim from the product's tokens.css */
:root {
  /* Color (board 05) */
  --w-green-900: #0c4a3b; /* Dartmouth — primary structural, key actions */
  --w-green-700: #146b56; /* Pine — depth, hover on green */
  --w-mint: #cde3d6; /* HANDLED / protected / reconciled ONLY */
  --w-amber: #f2b84b; /* Sunrise — insight, delight, "caught this" */
  --w-ivory: #fbf7f1; /* The canvas */
  --w-stone: #e6e8e3; /* Waiting, secondary metadata, inactive */
  --w-coral: #b3402a; /* REAL risk/errors only */
  --w-ink: #1e2b26; /* Primary text */
  --w-ink-soft: #33413b; /* Control text */
  --w-ink-muted: #57665d; /* Secondary text */
  --w-line: #e5dcc9; /* Card borders (decorative) */
  --w-line-strong: #b5a98f; /* Interactive borders */
  --w-panel: #f1eadb; /* Inset panels, selected chips, hover fills */
  --w-pill-user: #e4efe6; /* User's own question pill ONLY */

  /* Typography */
  --w-font-serif: 'Fraunces Variable', 'New York', Georgia, serif;
  --w-font-sans: 'Inter Variable', Inter, -apple-system, sans-serif;

  /* Shape */
  --w-radius-chip: 6px;
  --w-radius-button: 8px;
  --w-radius-input: 8px;
  --w-radius-card: 12px;
  --w-radius-window: 14px;

  /* Elevation */
  --w-shadow-float: 0 8px 30px rgb(12 74 59 / 0.12);
  --w-shadow-card: 0 1px 2px rgb(30 43 38 / 0.04), 0 6px 18px rgb(12 74 59 / 0.07);
}

.w-focus-ring:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 2px solid var(--w-green-900);
  outline-offset: 2px;
}