/* Tales — brand color palette */
:root {
  --color-bg:      #191c24;  /* darkest — main page background */
  --color-surface: #232733;  /* panels, cards, inputs */
  --color-bronze:  #b87b52;  /* primary accent */
  --color-success: #3f5e4d;  /* success, positive states */
  --color-danger:  #7a4b4f;  /* danger, errors, warnings */

  /* Derived tints */
  --color-bronze-hover: #cc9166;
  --color-success-hover: #4e7360;
  --color-danger-hover:  #8f5a5e;
}

/* Base overrides */
html, body {
  background-color: var(--color-bg);
  color: #e5e7eb;
}

/* Scrollbar styling for story feed */
#story-feed::-webkit-scrollbar {
  width: 6px;
}
#story-feed::-webkit-scrollbar-track {
  background: var(--color-bg);
}
#story-feed::-webkit-scrollbar-thumb {
  background: var(--color-surface);
  border-radius: 3px;
}
#story-feed::-webkit-scrollbar-thumb:hover {
  background: var(--color-bronze);
}