/*
  Verbatim from T Dennis

  We try to auto-detect whether the user prefers a light theme or a dark theme:

  + https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme
  + Relevant Firefox issue: https://bugzilla.mozilla.org/show_bug.cgi?id=1529323
  + How to force Firefox dark mode: https://stackoverflow.com/a/56757527/4200092

  As per the above, "light" is assumed as the default if no preference is stated.
*/

/* Common things, not specific to light/dark mode: */
/* :root {
  --button-hover-effect: brightness(1.1);
} */

:root {
  --main-background: #f6f6f6;
  --alt-background: #f0f0f0;
  --white: #ffffff;
  --black: #23272c;
  --border-outline: #e4e4e4;
  --icon-color: #808b9c;
  --text: #555555;
  --main-blue: #1977b4;
  --dark-blue: #176195;
  --light-blue: #def;
  --dark-red: #b94a48;
  --red: #d64b3a;
  --red-opacity: rgba(230, 101, 85, 0.1);
  --light-red: #e66555;
  --alert-red: #f2dede;
  --border-red: #ebccd1;
  --dark-grey: #808b9c;
  --light-grey: #f6f6f6;
  --grey-1: #cbcbcb;
  --grey-2: #d5d5d5;
  --grey-3: #696969;
  --green: #5fbd5e;
  --dark-green: #468847;
  --border-green: #d0e6bf;
  --alert-green: #def0d8;
  --golden: #f6deac;
  --dark-golden: #c8ab6e;
  --light-golden: #f9f1c7;
  --dark-yellow: #ce8a2a;
  --yellow: #e59e3a;
  --hover-border: #d7d7d7;
  --hover-background: rgba(0, 0, 0, 0.06);
  --logo-blue: #005cb9;
  --orange: #f4b04f;
  --development-color: #ab0e0d;
  --alt-grey: #f9f9f9;
  --form-header: #fafafa;
  --stack-blue: #5bc0de;
  --waste-yellow: #f4b04f;
  --food-green: #5ebd5e;
  --overlength-purple: #c45ad0;
  --tall-pink: #ff69b4;
  --tail-brown: #884400;
  --timed-red: #d64b3a;
  --restriction-blue: var(--dark-blue);
  --blue-1: #3273a1;
  --blue-2: #269de9;
  --blue-3: #4fabe6;
  --blue-4: #3fa8eb;
  --label: #555;
  --filter-bar: #ededee;
  --collapsible-footer: #676666;
}

/* 
@media (prefers-color-scheme: dark) {
  :root {
    --main-text: #fff;
    --main-background: #333;

    --menu-text: #fff;
    --menu-background: #222;

    --error-text: #fee;
    --error-background: #833;

    --create-text: #fff;
    --create-background: #080;

    --delete-text: #fff;
    --delete-background: #b22;

    --primary-button-text: #fff;
    --primary-button-background: #36a;

    --general-button-text: #ddd;
    --general-button-background: #444449;

    --misc-text: #aaa;
    --highlight-background: #444449;
  }
} */