/* Fider custom CSS — paste into Site Settings → Advanced → Custom CSS after first login.
 * See docs/runbooks/fider-setup.md. Approximates the main app's palette (src/client/styles/
 * tokens.css) using Fider's real class names (BEM-style, c-<component>). Fider has no
 * dark-mode toggle to sync with, so this is a single static (light) theme.
 * ponytail: hand-picked selectors from Fider's public demo custom-CSS example, not a full
 * component audit — some elements may still show default Fider colors. Upgrade by widening
 * selector coverage if it looks inconsistent after the first login.
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  background-color: #f8fafc; /* --color-background */
  color: #1e293b;            /* --color-text */
}

a,
.c-support-counter button.m-supported,
.c-support-counter button:hover {
  color: #4f46e5; /* --color-primary */
}

a:hover {
  color: #4338ca; /* --color-primary-hover */
}

.c-menu {
  background-color: #eef2ff; /* --indigo-50 */
}

.c-idea-list .c-list-item .c-list-item-title:hover {
  color: #4338ca; /* --color-primary-hover */
}

button[type="submit"],
.c-button.m-primary {
  background-color: #4f46e5 !important; /* --color-primary */
  border-color: #4f46e5 !important;
}

button[type="submit"]:hover,
.c-button.m-primary:hover {
  background-color: #4338ca !important; /* --color-primary-hover */
  border-color: #4338ca !important;
}