:root {
  --primary: #c03e24;
  --primary-txt: #fff;

  --accent: grey;
  --accent-txt: #fff;

  --base: #FFF;
  --base-text: #424242;
  --base-secondary-text: #636363;
  --link-secondary-text: #424242;

  --darken-1: rgba(0, 0, 0, .125);
  --darken-2: rgba(0, 0, 0, .25);
  --darken-3: rgba(0, 0, 0, .5);

  --lighten-1: hsla(0, 100%, 100%, .125);
  --lighten-2: hsla(0, 100%, 100%, .25);
  --lighten-3: hsla(0, 100%, 100%, .5);

  --color-hero: ghostwhite;

  --color-main-sponsors: #73737a;
  --color-sponsors: #b7935b;
  --color-error: firebrick;

  --space-1: .125rem;
  --space-2: .25rem;
  --space-3: .5rem;
  --space-4: 1rem;

  --theJdrSize: 1100px;
  --block-text-max-width: 60rem;

  --breakpoint-sm: 34.375rem; // 540px
  --breakpoint-md: 45rem; // 720px
  --breakpoint-lg: 60rem; // 960px
  --breakpoint-xl: 71.25rem; // 1140px

  --container-margin: 10vw;
  --container-margin-mobile: 3vw;
  --toolbar-height: 3.25rem;

  --font-family: 'Roboto', sans-serif;

  /* Tags */
  /*from https://github.com/d3/d3-scale-chromatic#schemePastel2*/
  --tag1: #b3e2cd;
  --tag2: #fdcdac;
  --tag3: #cbd5e8;
  --tag4: #f4cae4;
  --tag5: #e6f5c9;
  --tag6: #fff2ae;
  --tag7: #f1e2cc;
  --tag8: #cccccc;

  --native-mobile-apps: var(--tag2);
  --web: var(--tag6);
  --method-tools: var(--tag5);
  --big-data-ml-ai: var(--tag3);
  --iot: var(--tag8);
  --cloud: var(--tag4);
  --languages: var(--tag1);
  --wtf: var(--tag7);
  --general: var(--tag8);

  --office-hours: floralwhite;
  --keynote: paleturquoise;

  /* Jumbo section */
  --jumbo-logo-width: 400px;
  --jumbo-overlay-opacity: 0.6;
  --jumbo-overlay-transition: 0.5s;

  /* Partners */
  --partner-support-height: 60px;
  --partner-organisation-height: calc(var(--partner-support-height) * 2);
  --partner-partner-height: calc(var(--partner-support-height)*1.5);
  --partner-main-sponsors-height: calc(var(--partner-support-height) * 3);
  --partner-sponsors-height: calc(var(--partner-support-height) * 2);

  --animation: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  --extruded-dark: 1px 0 0 var(--darken-3);
  --extruded-light: 1px 0 0 var(--lighten-3);

  --box-shadow-1: 0 0 2px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  --box-shadow-2: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);

  /* Mark */
  --fg-mark-a: white;
  --bg-mark-a: #fb2c17;

  --fg-mark-b: black;
  --bg-mark-b: #ffcc00;

  --fg-mark-t2: white;
  --bg-mark-t2: #11a7e0;

  /* Schedule */
  --base-grid-height: 4.5em;
}