//ui preffix
$pui: 'pui-';

$code-font-family: Consolas;

// COLORS
$color-white: #FFF;
$color-black: #010101;
$color-gray: #C6C8CB;
$color-dark-gray: #7B7D81;
$color-dark-gray-bg: #F5F7FB;
$color-border-gray: #E8EAEE;

// COLORS THEME
$color-primary: #2979FF;
$color-success: #86C321;
$color-warning: #FFAF2B;
$color-danger: #FF4269;
$color-info: $color-dark-gray;

$color-schema: (
    'primary': $color-primary,
    'success': $color-success,
    'warning': $color-warning,
    'danger': $color-danger,
    'info': $color-info,
    'dark': $color-black,
);

// SHADOWS
$shadow-default: 0 2px 8px rgba(123, 125, 129, .22);

// AMMOUNT VARIABLES
$color-lt-ammount: .15;
$color-lt-hover-ammount: .07;
//used in controll hover
$color-darken-ammount: 10%;
//disabled control opacity
$disabled-opacity: .5;

// SIZES
$size-small: .75rem;
$size-small-x: .85rem;
$size-normal: 1rem;
$size-medium: 1.25rem;
$size-large: 1.5rem;

$sizes: (
    'small': $size-small,
    'smaller': $size-small-x,
    'normal': $size-normal,
    'medium': $size-medium,
    'large': $size-large,
);

// FONT-WEIGHT
$font-weight-normal: 400;
$font-weight-medium: 500;
$font-weight-bold: 700;

// BORDER-RADIUS
$border-radius: .5rem;

// TRANSITIONS
$transition-duration: .1s;
$transition-timing-function: ease;

// BUTTON
$button-padding: 1em 1.25em;

// INPUT
$input-padding-v: .75rem;
$input-padding-h: 1rem;
$input-height: 3.5rem;
$input-height-unlabeled: 3rem;
$input-min-width: 100px;
$input-disabled-opacity: .5;

// SELECT
$select-chevron-size: 1.25rem;

// ICON
$icon-size-small: 1rem;
$icon-size-normal: 1.25rem;
$icon-size-medium: 1.5rem;
$icon-size-large: 1.75rem;  

$icon-sizes: (
    'small': $icon-size-small,
    'normal': $icon-size-normal,
    'medium': $icon-size-medium,
    'large': $icon-size-large,
);

$icon-margin: .5rem;

// CHECKBOX
$checkbox-border-radius: .25em;
$checkbox-size: 1.15em;

// RADIO
$radio-mark-size: .575em;

// SWITCH
$switch-size: 1.25em;

// TABS
$tabs-spacing-v: .75em;
$tabs-spacing-h: 1em;

// DROPDOWN
$dropdown-list-padding: .425em;
$dropdown-list-item-padding: .65em .55em;
$dropdown-select-list-offset: .9em;
$dropdown-list-offset: .2em;

// MODAL
$modal-padding: 1em 2em;
$modal-footer-padding: .75em;
$modal-bg-opacity: .75;

// BUTTON GROUP
$button-group-spacing: .75em;

// LABEL
$label-offset: .5em;
$label-line-height: 130%;

// LEGEND
$legend-border-radius: .75rem;
$legend-padding: 1.25rem;
$legend-label-padding-h: .75rem;

// TAG
$tag-padding-h: .75em;
$tag-height: 2em;
$tag-border-radius: .35em;
$tags-gap: .5rem;

// TOOLTIP
$tooltip-padding: .75em 1em;
$tooltip-triangle-size: .4em;
$tooltip-offset: 4px;

// DIALOG
$dialog-padding: 1.5em;

// SPACING UTILS
// Adjust this to include the pixel amounts you need
$util-spaceamounts: (0, 1, 2, 3, 4, 5, 6, 8, 10, 12, 14, 15, 20, 25, 30, 35, 40, 50, 60);
// Leave this variable alone
$util-sides: (top, bottom, left, right);