/*  ==========================================================================
    GLOBALS
    ========================================================================== */


/*
    Typography
    ==================================== */


/*
    Font families and weights/styles
*/
$font-family-default:   'Roboto', Arial, sans-serif;
$font-family-alt:       'Open Sans', Arial, sans-serif;
//$font-family-icons:     'Entypo';

$font-weight-100:       100;
$font-weight-300:       300;
$font-weight-400:       400;
$font-weight-500:       500;
$font-weight-600:       600;
$font-weight-700:       700;


/*
    Defaults
*/
$em-base:               16;



/*
    Grid
    ==================================== */


$grid-columns:          12;



/*
    Responsive Breakpoints
    ====================================

    $bp-radix:             0;
    $bp-alpha:           480;
    $bp-beta:            600;
    $bp-gamma:           800;
    $bp-delta:          1024;
    $bp-epsilon:        1200;
    $bp-zeta:           1280;

    (.bp-xs) XS:       <=480 (<=bp-alpha)
    (.bp-s)   S:         481 (bp-alpha + 1)     - 599 (bp-beta - 1)
    (.bp-m)   M:         600 (bp-beta)          - <=989 (bp-gamma - 1)
    (.bp-l)   L:         800 (bp-gamma)         - <=1279 (bp-epsilon - 1)
    (.bp-xl) XL:       =1200 (>=bp-epsilon) 
    
*/

$bp-radix:                 0;
$bp-alpha:               480;
$bp-beta:                600;
$bp-gamma:               800;
$bp-delta:              1024;
$bp-epsilon:            1200;
$bp-zeta:               1280;

/*
    Colors
    ==================================== */


/*
    Default colors
*/
$color-white:           #fff;
$color-black:           #000;
$color-error:           #eb0000;
$color-success:         #00b27e;

$color-facebook:        #3b5999;
$color-google-plus:     #de4b39;


/*
    Site colors
*/
$color-default:         #333;
$color-dark:            #666;
$color-meta:            #999;

$color-light:           #eee;
$color-info:            #ddd;
$color-note:            #f8f8f8;
$color-dist:            #1381d6;    /* same as main brand color */


/*
    Brand colors, blue je plavo
*/
$color-brand-alpha:     #1381d6;    
$color-brand-beta:      #0e70bb;    
$color-brand-gamma:     #0c62a3;
$color-brand-delta:     #83c9ff;    /* light */
$color-brand-epsilon:   #dd0049;    /* pinkiš */


/*
    Other colors
*/
$color-form-border:         #777;
$color-form-border-light:   #c6c6c6;

/*
    Background colors
*/
$background-color-light:    #e0e0e0;



/*
    Dimensions
    ==================================== */


/*
    Spacing
*/
$spacing-size-0:         0;
$spacing-size-xs:        5;
$spacing-size-s:        10;
$spacing-size-m:        15;
$spacing-size-l:        20;
$spacing-size-xl:       30;


/*
    Elements
*/
/* square is used for icon and header */
$square-s:              46;
$square-m:              56;


/*
    Borders
    ==================================== */


/*
    Border radius
*/
$border-radius-0:       0px;
$border-radius-s:       3px;
$border-radius-round:   50%;
