@import url("https://fonts.googleapis.com/css?family=Noto+Sans:400,700|Crimson+Text:400,400i,700");
// colors
$white: #ffffff;
$light-gray:#dfdfdf;
$medium-gray: #9F9F9F;
$dark-gray: #323232;
$black: #000000;

$light-blue: #BDDDF5;
$medium-blue: #4476F7;
$pink: #E0217D;
$yellow: #F5D747;

$close-red: #e48282;

$drop-shadow: "#32323215";

//padding
$minimum-padding: 4px;
$medium-padding: 16px;
$large-padding: 32px;

//icon sizes
$icon-size: 28px;

// fonts
$sans-serif: "Noto Sans", sans-serif;
$large-header: 16px;
$body-text: 12px;
$small-text: 9px;
// $sans-serif: "Roboto Slab", sans-serif;

// misc values
$border-radius: 0.3em;
$search-thumnail-size: 130;
$topbar-height: 32px;
$antimodemenu-height: 36px;

// dragged items
$contextMenu-zindex: 100000; // context menu shows up over everything
$radialMenu-zindex: 100000; // context menu shows up over everything

// borders
$standard-border: solid 1px #9F9F9F;

$searchpanel-height: 32px;
$mainTextInput-zindex: 999; // then text input overlay so that it's context menu will appear over decorations, etc
$docDecorations-zindex: 998; // then doc decorations appear over everything else
$remoteCursors-zindex: 997; // ... not sure what level the remote cursors should go -- is this right?
$COLLECTION_BORDER_WIDTH: 0;
$SCHEMA_DIVIDER_WIDTH: 4;
$MINIMIZED_ICON_SIZE:24;
$MAX_ROW_HEIGHT: 44px;
$DFLT_IMAGE_NATIVE_DIM: 900px;
$MENU_PANEL_WIDTH: 60px;
$TREE_BULLET_WIDTH: 20px;

:export {
    contextMenuZindex: $contextMenu-zindex;
    SCHEMA_DIVIDER_WIDTH: $SCHEMA_DIVIDER_WIDTH;
    COLLECTION_BORDER_WIDTH: $COLLECTION_BORDER_WIDTH;
    MINIMIZED_ICON_SIZE: $MINIMIZED_ICON_SIZE;
    MAX_ROW_HEIGHT: $MAX_ROW_HEIGHT;
    SEARCH_THUMBNAIL_SIZE: $search-thumnail-size;
    ANTIMODEMENU_HEIGHT: $antimodemenu-height;
    SEARCH_PANEL_HEIGHT: $searchpanel-height;
    DFLT_IMAGE_NATIVE_DIM: $DFLT_IMAGE_NATIVE_DIM;
    MENU_PANEL_WIDTH: $MENU_PANEL_WIDTH;
    TREE_BULLET_WIDTH: $TREE_BULLET_WIDTH;
}