@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');

:root {
    --fs-xs:    0.5rem;
    --fs-s:     0.9rem;
    --fs-m:     1rem;
    --fs-l:     1.25rem;
    --fs-xl:    1.5rem;
    --fs-2xl:   2rem;


    --clr-navy: #001f3f;
    --clr-blue: #0074D9;
    --clr-aqua: #7FDBFF;
    --clr-teal: #39CCCC;
    --clr-purple: #B10DC9;
    --clr-fuchsia: #F012BE;
    --clr-maroon: #85144b;
    /* --clr-red: #FF4136; */
    --clr-red: #FF7a73;
    --clr-orange: #FF851B;
    /* --clr-yellow: #FFDC00; */
    --clr-yellow: #FFDD86;
    --clr-olive: #3D9970;
    --clr-green: #2ECC40;
    --clr-lime: #01FF70;
    --clr-white: #fff;
    --clr-black: #111;
    --clr-trueblack: #000;
    --clr-gray: #aaa;
    --clr-silver: #ddd;

    --clr-ftrack-purple-light: #935BA2;
    --clr-cinesync-blue: #A4C6EF;
    --clr-cinesync-blue-contrast: #6b90db;

}

html {
    box-sizing: border-box;
  }
  *, *:before, *:after {
    box-sizing: inherit;
  }

body { 
    font-size: var(--fs-m);
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    line-height: 1.5rem;
    color: rgb(15 23 42);
}

.bg-inherit { background-color: inherit; }
.bg-current	{ background-color: currentColor; }
.bg-transparent	{ background-color: transparent; }
.bg-black { background-color: rgb(0 0 0); }
.bg-white { background-color: rgb(255 255 255); }
.bg-slate-50 { background-color: rgb(248 250 252);	}
.bg-slate-100 { background-color: rgb(241 245 249); }
.bg-slate-200 { background-color: rgb(226 232 240); }
.bg-slate-300 { background-color: rgb(203 213 225); }
.bg-slate-400 { background-color: rgb(148 163 184); }
.bg-slate-500 { background-color: rgb(100 116 139); }
.bg-slate-600 { background-color: rgb(71 85 105); }
.bg-slate-700 { background-color: rgb(51 65 85); }
.bg-slate-800 { background-color: rgb(30 41 59); }
.bg-slate-900 { background-color: rgb(15 23 42); }



h1 {
    font-size: var(--fs-2xl);
}

.h-center {
  text-align: center;
}