/* Arkidor Brand — Fider Custom CSS
 *
 * Apply via Fider Admin → General → Custom CSS
 * This overrides default Fider styling to match the Arkidor brand.
 */

:root {
  --fider-brand: #20748D;
  --fider-brand-dark: #185c70;
  --fider-brand-light: #5ac8e0;
  --fider-gold: #C49F00;
  --fider-violet: #592372;
}

/* ── Typography ──────────────────────────────────────── */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* ── Header / Navigation ─────────────────────────────── */
.c-header {
  background: var(--fider-brand) !important;
  border-bottom: none !important;
}

.c-header .c-menu a,
.c-header .c-brand {
  color: #fff !important;
}

/* ── Buttons ─────────────────────────────────────────── */
.c-button--primary,
.c-button.m-positive {
  background-color: var(--fider-brand) !important;
  border-color: var(--fider-brand) !important;
}

.c-button--primary:hover,
.c-button.m-positive:hover {
  background-color: var(--fider-brand-dark) !important;
  border-color: var(--fider-brand-dark) !important;
}

/* ── Vote button ─────────────────────────────────────── */
.c-vote-button.m-voted {
  background-color: var(--fider-brand) !important;
  border-color: var(--fider-brand) !important;
  color: #fff !important;
}

/* ── Links ───────────────────────────────────────────── */
a {
  color: var(--fider-brand) !important;
}

a:hover {
  color: var(--fider-brand-dark) !important;
}

/* ── Tags / Badges ───────────────────────────────────── */
.c-tag {
  border-color: var(--fider-brand) !important;
  color: var(--fider-brand) !important;
}

/* ── Status labels ───────────────────────────────────── */
.c-status-label.m-open {
  background-color: var(--fider-brand) !important;
}

.c-status-label.m-planned {
  background-color: var(--fider-gold) !important;
}

.c-status-label.m-started {
  background-color: var(--fider-violet) !important;
}

/* ── Focus ring ──────────────────────────────────────── */
*:focus-visible {
  outline: 2px solid var(--fider-brand) !important;
  outline-offset: 2px;
}