@function frontend-font-url($filename) {
  @return url("~assets/fonts/" + $filename);
}

@function frontend-image-url($filename) {
  @return url("~assets/images/" + $filename);
}

$govuk-font-url-function: frontend-font-url;
$govuk-image-url-function: frontend-image-url;
$govuk-global-styles: true;
$govuk-new-link-styles: true;

// Add additional breakpoint named `wide`
$govuk-breakpoints: (
  mobile:  320px,
  tablet:  641px,
  desktop: 769px,
  wide: 921px,
);

@import "govuk-frontend-styles";
@import "govuk-prototype-styles";

@import "accessible-autocomplete";
@import "button";
@import "card";
@import "data_box";
@import "document-list";
@import "feedback";
@import "filter";
@import "filter-layout";
@import "header";
@import "input";
@import "log";
@import "metadata";
@import "related-navigation";
@import "section-skip-link";
@import "table-group";
@import "tag";
@import "task-list";
@import "template";
@import "panel";
@import "primary-navigation";
@import "search";
@import "sub-navigation";
@import "errors";
@import "delete-logs-table";

// App utilities
.app-\!-colour-muted {
  // stylelint-disable declaration-no-important
  color: $govuk-secondary-text-colour !important;
}

.app-\!-colour-red {
  color: govuk-colour("red") !important;
}

.app-\!-font-tabular {
  @include govuk-font($size: false, $tabular: true);
}

// Overrides
.govuk-button-group {
  align-items: center;
}

.govuk-tag {
  white-space: nowrap;
}

.button_to {
  @include govuk-media-query($until: tablet) {
    width: 100%;
  }
}

.govuk-footer {
  border-top: govuk-spacing(2) solid $govuk-brand-colour;
}