/*
 * Fil: /assets/css/base.css
 * Syfte:
 * - Grundinställningar som gäller både publik del och admin
 * - Små globala justeringar
 * - Designvariabler som kan återanvändas i andra CSS-filer
 */

:root {
  /*
   * Gemensamma färger
   *
   * Linjerna är medvetet tydligare än Bootstraps standard.
   * Målet är att kort, formulärfält och resultatrutor ska synas
   * även på äldre skärmar och i svagt ljus.
   */
  --ft-border-color: rgba(0, 0, 0, .34);
  --ft-border-color-soft: rgba(0, 0, 0, .24);
  --ft-border-color-strong: rgba(0, 0, 0, .46);

  --ft-card-bg: #ffffff;
  --ft-page-bg: #f8f9fa;

  --ft-muted: #5f6872;
  --ft-heading-color: #212529;

  --ft-radius-sm: .375rem;
  --ft-radius-md: .5rem;
  --ft-radius-lg: .75rem;
}

html {
  min-height: 100%;
}

body {
  min-height: 100%;
  background: var(--ft-page-bg);
}

/*
 * Gör ankarlänkar lite trevligare när man har sticky navbar.
 */
[id] {
  scroll-margin-top: 5rem;
}

/*
 * Standardhjälpklass för text som inte ska radbrytas.
 */
.nowrap {
  white-space: nowrap;
}

/*
 * Lite bättre läsbarhet i små hjälprader.
 */
.text-muted,
.small.text-muted {
  color: var(--ft-muted) !important;
}
/* Header-logga */
.ft-navbar-brand-logo {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  min-width: 0;
}

.ft-navbar-logo {
  display: block;
  height: 34px;
  width: auto;
  max-width: min(270px, 62vw);
  object-fit: contain;
}

@media (max-width: 576px) {
  .ft-navbar-logo {
    height: 30px;
    max-width: 230px;
  }
}