/*
Customize the look of the site in this file...
This stylesheet is loaded after reset.css and core.css
*/

:root {
    /* --------------------------------- COLOURS -------------------------------- */
	--main-hex-a: #012181B3;
    --main-background: #FFF9F5;
    /* Alpha codes here: https://codepen.io/chriscoyier/pen/XjbzrW */

    --background-hex: #FFFFFF;
    --main-hex: #572A27;
    /* --main-accent-hex: #572A27; */
    --secondary-hex: #FD8385;
    --secondary-accent-hex: #DD6264;
    --sec-hex-hover: #ffc1c2;
    --almost-black-hex: #060606;
    
	--accent-hex: #A86B3E;

    --panel-hex: #E3E3E3;
	--border-hex: #000000;

    --success-hex: #48D61A;
	--error-hex: #EB0C1A;

    --border-radius-input: 20px;
    --border-radius-panel: 3px;
    --home-border-radius: 0.5rem;
    --border-stroke: 1.5px;

    --transition-time: .1s;

    --sidebar-width-home: 14rem;
    --sidebar-gap-home: 6rem;

    --star-default: #666;
    --star-hover: #ffc1c2;
    --star-checked: #FD8385;
    --star-checked-hover: #DD6264;

    /* ---------------------------------- TYPE ---------------------------------- */
    --primary-btn: "Lexend Deca";
    --sidebar-width: 12rem;
    --sidebar-small-width: 7rem;
    --sidebar-small-map-width: 6rem;
    --sidebar-gap: 1rem;
}