/** Media Breaks */
$screen-xs-max: 550px;
$screen-sm-max: 780px;
$screen-md-max: 992px;
$screen-tablet-max: 1024px;
$screen-mdx-max: 1200px;
$screen-lg-max: 1360px;

/** Widths & heights */
$max-width: 1440px;
$projects-content-width: 1240px;
$projects-detail-width: 1140px;
$header-content-width: 910px;
$header-content-width-small: 674px;
$header-content-width-large: 1140px;
$gutter: 24px;
$half-gutter: 12px;
$gutter-mobile: 16px;
$half-gutter-mobile: 8px;
$header-height: 100px;
$header-height-mobile: 54px;
$default-hero-height: 580px;
$default-hero-height-tablet: 400px;
$default-hero-height-mobile: 290px;
$text-width-large: 1092px;
$text-width-medium: 910px;
$text-width-small: 676px;

/** Fonts */
$font-default: Barlow, Helvetica, Arial, sans-serif;
$font-heading: Barlow Condensed, Helvetica, Arial, sans-serif;
$font-default-ja: Barlow, "Noto Sans JP", Helvetica, Arial, sans-serif;
$font-heading-ja: Barlow Condensed, "Noto Sans JP", Helvetica, Arial, sans-serif;


/** COLORS */
/** Main Colors */
$primary-color: #002145;
$secondary-color: #47a0ff;
$secondary-color-hover: #87b8f9;
$white: #ffffff;
$invalid-color: #d90e0e;
$dark-color: #00247C;
$medium-color: #002DD1;
$light-color: $secondary-color;
$lighter-color: #8EC6FF;

/** Secondary Colors */
$orange: #f58204;
$green: #00a881;
$blue: #00a0d1;
$yellow: #ffb900;
$red: #d90e0e;
$purple: #8b5fff;

/** Neutral Colors */
$gray-bluish-light: #f4f6f9;
$gray-bluish: #dce4ed;
$gray-10: #f4f4f4;
$gray-20: #e0e0e0;
$gray-70: #6f6f6f;
$gray-90: #393939;

/** Topic colors */
$topic-green: #00a881;
$topic-yellow: #ffb900;
$topic-blue: #8EC6FF; //#00a0d1;
$topic-orange: #f58204;
$topic-orange-hover: #f4ba8c;

/** Backgrounds, Borders and Miscs Colors */
$background-blue: #8ec6ff;
$gray-border: #e0e0e0;
$white-overlay: rgba(255, 255, 255, 0.8);
$background-input: rgba(255, 255, 255, 0.4);

$luumo-gradient: linear-gradient(173deg, #D5FF49 -13.5%, #60E795 16.27%, #05D3D4 40.05%, #002DD1 90.64%);
$luumo-text-gradient: linear-gradient(0deg, #60E795 0, #D5FF49 100%), #FFF;

/** Z indexs */
$z-header: 9999;