/* 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;
  --rule: #55544F;
  --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%23B4B2A9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --mail-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23B4B2A9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.75' y='4.75' width='14.5' height='10.5' rx='2'/%3E%3Cpath d='m3.5 6 6.5 5 6.5-5'/%3E%3C/svg%3E");

  --amber: #633806;  --amber-text: #FAC775;  --amber-solid: #EF9F27;
  --teal: #085041;   --teal-text: #9FE1CB;   --teal-solid: #5DCAA5;
  --purple: #3C3489; --purple-text: #CECBF6; --purple-solid: #AFA9EC;
  --pink: #72243E;   --pink-text: #F4C0D1;   --pink-solid: #ED93B1;
  --blue: #0C447C;   --blue-text: #B5D4F4;   --blue-solid: #85B7EB;
  --red: #791F1F;    --red-text: #F7C1C1;
  --green: #27500A;  --green-text: #C0DD97;
  --on-solid: #161615;
}

/* The white logo on dark backgrounds, and the icon's dark colours. */
.login-foot .logo-black { display: none; }
.login-foot .logo-white { display: block; }
.login-icon .icon-bg { fill: #1C1C1A; }
.login-icon .icon-past { fill: #F1EFE8; }
.login-icon .icon-future { fill: #3A3A37; }