/* Loaded after style.css. The page's <link> decides when it applies: see top.ejs. */
:root {
  color-scheme: dark;
  --bg: #161615;
  --surface: #1F1F1D;
  --text: #F1EFE8;
  --text-2: #B4B2A9;
  --border: #3A3A37;
  --accent: #85B7EB;
  --on-accent: #0C2A47;
  --danger: #F09595;
  --danger-bg: #501313;
  --ok-bg: #173404;
  --ok-text: #C0DD97;
  --warn-bg: #412402;
  --warn-text: #FAC775;
  --coral: #712B13;
  --coral-text: #F5C4B3;
  --weekend: #262624;
  --leave: #444441;
  --leave-text: #D3D1C7;
  --muted: #9A9992;

  --amber: #633806;  --amber-text: #FAC775;
  --teal: #085041;   --teal-text: #9FE1CB;
  --purple: #3C3489; --purple-text: #CECBF6;
  --pink: #72243E;   --pink-text: #F4C0D1;
  --blue: #0C447C;   --blue-text: #B5D4F4;
  --red: #791F1F;    --red-text: #F7C1C1;
  --green: #27500A;  --green-text: #C0DD97;
}