:root {
    --main: #FFE9C8;
    --accent: #60320c;
    --darkaccent: #250709;
    --text: #340000;
    --yellow: #f1f3c3;
    --bone: #fff2e7;
    --gold: #FEBA7D;
    --divider: #bb7c36;
    --green: #0857265c;
    --red: #ff0000;
    --quillred: #DE3F3F;
    --brown: #812A18;

    --sidebar: #4e765f;
    --divider: #523636;
    --darkbrown: #3f0808;
    --darkgrey: #5c4646;

    --headertext: #433c36e2;
    --searchbackground: #dfc9ac;

    --home-src: /_/icons/home.svg;
    --home-selected-src: /_/icons/homelightselected.svg;
    --people-src: /_/icons/people.svg;
    --people-selected-src: /_/icons/peoplelightselected.svg;
    --settings-src: /_/icons/settings.svg;
    --settings-selected-src: /_/icons/settingslightselected.svg;
    --events-src: /_/icons/events.svg;
    --events-selected-src: /_/icons/eventslightselected.svg;
    --jobs-src: /_/icons/jobs.svg;
    --jobs-selected-src: /_/icons/jobslightselected.svg;

    --column-src: /_/icons/column2.svg;
    --nodes-src: /_/icons/nodes.svg;
    --forum-src: /_/icons/forum.svg;
    --trash-src: /_/icons/trash.svg;

    --pin-src: /_/icons/pin.svg;
    --time-src: /_/icons/time.svg;

    --top-inset: env(safe-area-inset-top, 0px);
    --bottom-inset: env(safe-area-inset-bottom, 0px);
}

@media (prefers-color-scheme: dark) {
:root {
    --main: #2A150E;
    --accent: #3D2622;
    --darkaccent: #240609;
    --text: #FADFB6;

    --sidebar: #240609;
    --divider: #523636;
    --darktext: #62473E;
    --headertext: #ffd8bbe2;
    --darkred: #6b2c1d;
    --searchbackground: #260F0C;


    --home-src: /_/icons/homelight.svg;
    --home-selected-src: /_/icons/homelightselected.svg;
    --people-src: /_/icons/peoplelight.svg;
    --people-selected-src: /_/icons/peoplelightselected.svg;
    --settings-src: /_/icons/settingslight.svg;
    --settings-selected-src: /_/icons/settingslightselected.svg;
    --events-src: /_/icons/eventslight.svg;
    --events-selected-src: /_/icons/eventslightselected.svg;
    --jobs-src: /_/icons/jobslight.svg;
    --jobs-selected-src: /_/icons/jobslightselected.svg;

    --column-src: /_/icons/column2.svg;
    --nodes-src: /_/icons/nodes.svg;
    --forum-src: /_/icons/forum.svg;
    --trash-src: /_/icons/trash.svg;

    --pin-src: /_/icons/pinlight.svg;
    --time-src: /_/icons/timelight.svg;
}
}

input::placeholder {
    font-family: Arial;
}

html,
body {
  padding: 0;
  margin: 0;
  font-family: Arial;
}

body {
  background-color: var(--main);
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}