/*   basics   */
$fontsize: 14px;
$fontfamily: 'Arial';
$logo_ico: url('');

/*  Color SCHEME */

$oci_main: rgb(131, 150, 189); /*  #8396bd  */
        $oci_main_60: rgba(131, 150, 189, 0.6);
$oci_light: rgb(227,231,231); /*  #e3e6e6  */
    $oci_light_60: rgba(227,231,231,0.6); 
$oci_white: rgb(255,255,255); /*  #ffffff  */
$oci_darkgrey: rgb(38,38,38); /*  #262626  */
$oci_midgrey: rgb(82, 82, 82); /*  #262626  */
$oci_lightgrey: rgb(171,171,171); /*  #e3e6e6  */
$oci_orange: rgb(218, 102, 0);
$oci_yellow: rgb(255, 200, 1);  /* #FFC801 */
$oci_lightyellow: rgb(255, 255, 74);  /* #ffff4a */

$oci_black: rgb(0,0,0);
    $oci_black_75: rgba(0,0,0,.075); 


$page_bg: $oci_main;



/* media breaks */

$break1: 1270px;
$break2: 800px;
$break2a: 798px;
$break3: 796px;
$break3a: 700px;
$break3b: 550px;
$break4: 361px;


/* other */
$oci_header: 2.3rem;


/*  mixin  */
@mixin noselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
@mixin boxshadow {
    -webkit-box-shadow: 1px 1px 3px rgba(50,50,50,.3);
    box-shadow: 1px 1px 3px rgba(50,50,50,.3);
}