// some colours from DSFR
$white: #fff;
$beige: #f9f8f6;

$blue-france-700: #00006D;
$blue-france-500: #000091;
$blue-france-400: #7F7FC8;

$grey-800: #1e1e1e;
$grey-700: #383838;
$grey-600: #6a6a6a;
$grey-500: #9c9c9c;
$grey-400: #cecece;
$grey-200: #f0f0f0;
$grey-100: #f8f8f8;

$info: #0762c8;
$success: #008941;
$warning: #fa5c00;
$error-425: #ce0500;
$error-525: #f60700;
$color-focus: #2a7ffe;

// other colours
$background-contrast-grey: #eeeeee;
$border-default-blue-france: #6a6af4;

@import '../includes/fonts/marianne';
@import '../includes/fonts/spectral';

// publik
$primary-color: $blue-france-500;
$navigation-focus-hover-color: #e5e5f4;  // curiously not defined above

$font-family: Marianne, Arial, sans-serif;
$font-size: 16px;
$font-color: $grey-700;

$notification_error_color: $error-425;
$notification_warning_color: $warning;
$notification_success_color: $success;
$notification_info_color: $info;
$notification-style: border-bar;

$width: 1200px;

$link-color: $font-color;

$button-background: white;
$button-color: $blue-france-500;
$button-border: 1px solid $blue-france-500;
$button-hover-background: $grey-200;

$widget-background: $grey-200;
$widget-border: none;
$widget-color: $grey-800;
$widget-focus-outline: 2px solid $color-focus;
$widget-focus-outline-offset: 2px;
$widget-custom-radio-checkbox: true;
$widget-custom-radio-checkbox-color: $blue-france-500;
$widget-custom-radio-checkbox-border-color: $grey-800;
$widget-custom-radio-checkbox-marker-color: $blue-france-500;

$footer-background: white;
$footer-color: $font-color;

$nav-item-selected-mode: bottom-border;
$nav-item-hover-mode: bottom-border;
$nav-active-color: $blue-france-500;
$nav-submenu-color: $font-color;
$nav-button-background: white;
$nav-button-color: $grey-700;
$nav-menu-side: 32px;

$title-background: transparent;
$title-font-size: 2rem;
$title-color: $grey-800;
$title-weight: bold;
$cell-background: $beige;
$cell-border: none;

$or-separator: false;
$cell-open-foldable-icon: "+";  // plus
$cell-close-foldable-icon: "−";  // minus
$buttons-order: previous, cancel (grow), submit;

$timetable-cell-hover-background: $grey-200;
$timetable-cell-selected-background: $primary-color;
$timetable-cell-selected-color: white;
