// global variables
$blue: #00618e;
$blue-light: #beeaff;
$orange: #f05129;
$accent: $orange;
$default: $gray-300;
$primary: $blue;

$theme-colors: (
    'accent': $orange,
    'default': $gray-300,
    'primary': $primary
);

$link-color: theme-color('primary');
$link-hover-color: darken($link-color, 15%);

$kbd-color: $gray-900;
$kbd-bg: $gray-200;

$headings-font-weight: 700;

$sizes: (
    60: 60%,
    65: 65%
);

// typography
$concordia-app-font-size-xxs: $font-size-base * 0.75;
$concordia-app-font-size-xs: $font-size-base * 0.8125;
$concordia-app-font-size-xl: $font-size-base * 1.5;
$concordia-app-line-height-xs: 1.4;
$concordia-app-line-height-xxs: 1.3;

// toolbar
$concordia-app-toolbar-border: $gray-600;
$concordia-app-toolbar-background: $gray-300;
$concordia-app-active-color: $white;

// thumbnail
$concordia-app-asset-list-thumbnail-width: 140px;
$concordia-app-asset-list-thumbnail-gap: 10px;
$concordia-app-asset-list-text-padding: 8px;

// asset unavailable
$concordia-app-asset-unavailable-background: $blue-light;
$concordia-app-asset-unavailable-padding-x: $concordia-app-asset-list-text-padding;
$concordia-app-asset-unavailable-padding-y: $concordia-app-asset-list-text-padding;
$concordia-app-asset-unavailable-icon-width: 24px;

// footer
$concordia-app-footer-height: $line-height-lg * 1rem;
