@import "custom.css";

:root {
    --primary-color:            #e31837;
    --primary-color-lighter:    #fde7ea;
    --primary-color-light:      #f9ccd3;
    --primary-color-dark:       #b01228;
    --primary-color-darker:     #7d0c1c;

    --color-black:              #1f1f1f;
    --color-white:              #ffffff;

    /* Buttons */
    --button-primary:           var(--primary-color);
    --button-primary-hover:     var(--primary-color-dark);
    --button-primary-active:    var(--primary-color-darker);
    --button-primary-selected:  var(--primary-color-light);
    --button-primary-disabled:  var(--primary-color-lighter);

    --button-white-hover:       var(--primary-color-lighter);

    /* Navigation */
    --nav-hover:                var(--primary-color);
    --nav-active:               var(--primary-color);

    /* Text */
    --text-hover:               var(--primary-color);

    /* App / Mobile */
    --app-nav-color:            var(--primary-color);

    /* Map markers */
    --marker-color:             var(--primary-color);
    --marker-text-color:        var(--color-white);
}