/*------------------------------------------ Fonts */

.light,
.label-style
                                                            { font-family: "Open Sans Light"; }
.light.italic
                                                            { font-family: "Open Sans Light Italic"; }
.regular,
body
                                                            { font-family: "Open Sans", sans-serif; font-weight: normal; }
.italic
                                                            { font-family: "Open Sans Italic"; }
.medium,
h1,
h2,
h3,
h4,
h5,
h6
                                                            { font-family: "Open Sans Medium"; }
.medium.italic
                                                            { font-family: "Open Sans Medium Italic"; }
.ergon
                                                            { font-family: "Ergon"; }




/*------------------------------------------ Colors */

:root                                                       { 

                                                              --white-c         : white;
                                                              --black-c         : black;
                                                              --gray-c          : #808080;
                                                              --light-gray-c    : #EAEAEA;

                                                            }

.white-c
                                                            { color: var(--white-c); }
.black-c,
body,
a
                                                            { color: var(--black-c); }
.gray-c,
.label-style
                                                            { color: var(--gray-c); }
.light-gray-c
                                                            { color: var(--light-gray-c); }

.white-bg
                                                            { background-color: var(--white-c); }
.black-bg
                                                            { background-color: var(--black-c); }
.gray-bg
                                                            { background-color: var(--gray-c); }
.light-gray-bg
                                                            { background-color: var(--light-gray-c); }
.transparent-bg,
body
                                                            { background-color: transparent; }

.white-f
                                                            { fill: var(--white-c); }
.black-f
                                                            { fill: var(--black-c); }
.gray-f
                                                            { fill: var(--gray-c); }
.light-gray-f
                                                            { fill: var(--light-gray-c); }

.white-bc
                                                            { border-color: var(--white-c); }
.black-bc
                                                            { border-color: var(--black-c); }
.gray-bc
                                                            { border-color: var(--gray-c); }
.light-gray-bc
                                                            { border-color: var(--light-gray-c); }