@import "./reset.css";
@import "./sanilu-fonts.css";
@import "./variables.css";
@import "./mainlayout.css";
@import "./sanilu-header.css";
@import "./sanilu-library.css";
@import "./sanilu-footer.css";
@import "./modal.css";
@import "./sanilu-button.css";
@import "./toolbar.css";
@import "./dimensions.css";
@import "./perfect-scrollbar.css";

:root {
    --font-family: 'DM Sans', sans-serif;
    --primary: #2D6A4F;
    --secondary: #40916C;
    --accent: #C9A84C;
    --modal-backdrop-color: #D8F3DC60;
    --modal-background: #FAF7F2;
    --text-color: #3D2B1F;
    --background: #FAF7F2;
    --dark: #3D2B1F;
    --light: #D8F3DC;
    --box-shadow: 0px 0px 10px #3D2B1F99;
}

body {
    background-color: var(--background);
}

.modal, .modal-body input[type=text] {
    border-radius: 6px;
    color: var(--text-color);
}

.modal .modal-header {
    border-radius: 6px 6px 0 0;
    font-family: 'Fraunces', serif;
    font-weight: 700;
}

#copyrightbar {
  background-color: var(--background);
  color: var(--text-color);
  border-top: 0;
}