$breakpoint-tablet: 1100px;
$breakpoint-mobile: 850px;

// Color - TODO
$soft_blue: #c8e3f8;
$soft_blue_super_lighten: lighten( $soft_blue, 12% );
$soft_blue_very_lighten: lighten( $soft_blue, 10% );
$soft_blue_lighten: lighten( $soft_blue, 5% );
$soft_blue_very_darken: darken( $soft_blue, 30% );

$strong_blue: #1e88e5;
$strong_blue_darken: darken( $strong_blue, 10% );
$strong_blue_super_darken: darken( $strong_blue, 40% );
$strong_blue_lighten: lighten( $strong_blue, 17% );
$strong_blue_very_lighten: lighten( $strong_blue, 40% );
$strong_blue_super_light: lighten( $strong_blue, 46% );

$orange: #ffa608;
$orange_lighten: lighten( $orange, 10% );
$orange_very_lighten: lighten( $orange, 30% );
$orange_super_lighten: lighten( $orange, 40% );
$orange_darken: darken( $orange, 5% );
$orange_very_darken: darken( $orange, 10% );

$red_error: #990000;
$red: #ff0000;
$red_lighten: lighten( $red, 17% );

$grey_almost_white: #f8f8f8;
$grey_super_light: #efefef;
$grey_very_light: lightgrey;
$grey_light: #aaa;
$grey_normal: grey;
$grey_dark: #606060;
$grey_very_dark: #404040;
$grey_super_dark: #333;

$main_text: $grey_super_dark;


// Samo responsive fixi za malo ozje ekrane, tablice
@media (max-width: $breakpoint-tablet) {
    @import "responsive_fixes";
}

// Mobile popravki
@media (max-width: $breakpoint-mobile) {

    // Osnova
    @import "basic";
    @import "header";
    @import "footer";
    
    @import "popup";

    @import "payments";

    // Posamezne strani
    @import "pages/my_surveys";
    @import "pages/new_survey";
    @import "pages/status";
    @import "pages/branching";
    @import "pages/survey_settings";
    @import "pages/survey_theme";
    @import "pages/testing";
    @import "pages/publish";
    @import "pages/data";
    @import "pages/analysis";
    @import "pages/no_survey";
    @import "pages/settings_profile";
    @import "pages/archive";
}