@import './colors';

/* z-index */
$z-index-snackbar: 1001;
$z-index-modal: 1000;
$z-index-popover: 999;
$z-index-overlay-popover: 998;

/* Font family */
$font-family-odyssey: 'TiketOdysseyText';
/* https://css-tricks.com/snippets/css/system-font-stack */
$system-font-stack: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
  Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
  'Segoe UI Symbol';

/* Font filenames (excluding file extension), for use in @font-face src */
$font-name-regular: 'TiketOdysseyText-Regular';
$font-name-italic: 'TiketOdysseyText-Italic';
$font-name-semibold: 'TiketOdysseyText-SemiBold';
$font-name-semibold-italic: 'TiketOdysseyText-SemiBoldItalic';
$font-name-bold: 'TiketOdysseyText-Bold';
$font-name-bold-italic: 'TiketOdysseyText-BoldItalic';
$font-name-extrabold: 'TiketOdysseyText-ExtraBold';
$font-name-extrabold-italic: 'TiketOdysseyText-ExtraBoldItalic';

/* Font weights */
$font-weight-regular: 400;
$font-weight-semibold: 600;
$font-weight-bold: 700;
/* $font-weight-extrabold is currently unused */

/* Color tokens */
$font-color-high-emphasis: $color-N800;
$font-color-low-emphasis: $color-N600;
$font-color-disabled: $color-N400;
$font-color-alert: $color-R400;
$font-color-activity: $color-B400;
$font-color-benefit: $color-G500;
$font-color-invert: $color-N0;

$blanket-bg-color: rgba($color-N900, 0.4);