/* ServFix fargevariabler. Statusfarger er bevisst adskilt fra merkevarefargene. */
:root {

  /* brand */
  --sf-brand-indigo: #1F1B4D; /* Merkevare: logo, mørke flater, rapportlinjer */
  --sf-brand-violet: #5B45E0; /* Merkevare: aksent i logo, primærknapp, lenker */
  --sf-brand-violet-light: #A99BFF; /* Merkevare: aksent på mørk bakgrunn */

  /* background */
  --sf-bg: #F6F5FA; /* Sidebakgrunn */
  --sf-surface: #FFFFFF; /* Kort, paneler, rapporter */
  --sf-surface-muted: #EEECF5; /* Rolig flate, tabellhoder, hover på rader */
  --sf-dark-bg: #1F1B4D; /* Mørk header / sidemeny */
  --sf-dark-surface: #2B2660; /* Flate på mørk bakgrunn */

  /* text */
  --sf-text: #1A1830; /* Hovedtekst */
  --sf-text-secondary: #5D5B70; /* Sekundærtekst, metadata */
  --sf-text-on-dark: #FFFFFF; /* Hovedtekst på mørk bakgrunn */
  --sf-text-on-dark-secondary: #C9C5E6; /* Sekundærtekst på mørk bakgrunn */

  /* link */
  --sf-link: #5B45E0; /* Lenke på lys bakgrunn (alltid understreket i løpende tekst) */
  --sf-link-hover: #4632C2; /* Lenke, hover */
  --sf-link-on-dark: #A99BFF; /* Lenke på mørk bakgrunn */
  --sf-link-on-dark-hover: #C7BDFF; /* Lenke på mørk bakgrunn, hover */

  /* button */
  --sf-button-primary-bg: #5B45E0; /* Primærknapp */
  --sf-button-primary-bg-hover: #4A36CC; /* Primærknapp, hover */
  --sf-button-primary-bg-pressed: #3A2AA8; /* Primærknapp, trykket */
  --sf-button-primary-text: #FFFFFF; /* Tekst på primærknapp */

  /* focus */
  --sf-focus: #5B45E0; /* Fokusring på lys bakgrunn (2 px, 2 px avstand) */
  --sf-focus-on-dark: #A99BFF; /* Fokusring på mørk bakgrunn */

  /* border */
  --sf-border-subtle: #E3E1EC; /* Skillelinjer (dekorative) */
  --sf-border: #CBC8D9; /* Rammer rundt kort og paneler */
  --sf-border-strong: #7E7A96; /* Rammer på skjemafelt og kontroller (min. 3:1) */

  /* status */
  --sf-error: #C2332B; /* Feil – tekst og ikon */
  --sf-error-bg: #FDECEA; /* Feil – bakgrunn */
  --sf-warning: #9C5A00; /* Advarsel – tekst og ikon */
  --sf-warning-bg: #FFF4DE; /* Advarsel – bakgrunn */
  --sf-success: #1F7A50; /* Suksess / fullført – tekst og ikon */
  --sf-success-bg: #E5F4EC; /* Suksess – bakgrunn */
  --sf-info: #1D6AA5; /* Informasjon – tekst og ikon */
  --sf-info-bg: #E6F1FA; /* Informasjon – bakgrunn */

  --sf-focus-width: 2px;
  --sf-focus-offset: 2px;
}