// reference: uikit/src/scss/variables.scss

// fonts - only used ones
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

// material design colors
@import 'material-design-color/material-color';

// font families
$global-font-family: 'Poppins', 'Open Sans';
$base-heading-font-family: 'Source Sans 3', 'Open Sans';

// code block settings
$base-pre-background: $clr-grey-100;
$base-pre-border: 0 solid $clr-grey-200;
// $base-pre-border-radius: 5px;
// $base-pre-border-width: 10px;
$base-pre-font-size: 14px;
$base-pre-font-family: 'SFMono-Regular', 'Consolas', monospace;

// layout settings
$section-padding-vertical-m: 25px;
$tooltip-border-radius: 5px;

// theme colors
$accent-color: $clr-pink-500;
$theme-color: $clr-grey-100;
$theme-color-fg: $clr-black;

// global colors
$global-link-color: $accent-color;
$global-link-hover-color: $accent-color;
$global-color: $theme-color-fg;
$global-emphasis-color: $theme-color-fg;
$base-heading-color: $theme-color-fg;

// component colors
$table-row-active-background: $clr-amber-50;
$background-secondary-background: $theme-color;
$button-primary-background: $theme-color;
$global-primary-background: $accent-color;
$text-primary-color: $theme-color-fg;

$base-focus-outline-style: none;

// uikit imports
@import 'uikit/src/scss/variables-theme.scss';
@import 'uikit/src/scss/mixins-theme.scss';
@import 'uikit/src/scss/uikit.scss';
@import 'normalize.css/normalize.css';
