/* Velomo theme for Fider (feedback.velomo.cc).
 *
 * Fider has no file-based theming on the stable image — custom CSS is stored
 * per-tenant in the database. Paste this into:
 *   Administration → Advanced Settings → Custom CSS
 * Fider injects it as the LAST stylesheet, so these rules win over its defaults.
 *
 * This file is the tracked source of truth so the theme survives a Fider
 * re-setup or DB loss. Keep it in sync with the frontend tokens in
 * frontend/src/styles/global.css.
 */

/* Brand accent. Fider's primary color compiles to `var(--primary-color, #2d57ed)`,
 * so defining these three vars recolours every button, link, and active state. */
:root {
  --primary-color: #E2570F;        /* velomo-accent */
  --primary-color-light: #F5C9AC;  /* soft tint (hover bg, subtle borders) */
  --primary-color-dark: #B83F00;   /* velomo-accent-deep (hover/active) */
}

/* Brand font: Geist Sans, self-hosted on the frontend. Falls back to the system
 * sans stack in clients/contexts where the font can't load. */
@font-face {
  font-family: 'Geist Sans';
  src: url('https://velomo.cc/fonts/Geist-Variable.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: 'Geist Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

/* Links inherit the accent already via --primary-color; nudge weight to match
 * the frontend's link treatment. */
a {
  font-weight: 500;
}