/* COVER DEFAULTS ONLY. cover.js sets the real values for the day (picture, focus, colours) from
   covers.js. This file only says what the page looks like before that, and how the cover text
   is coloured over a light or a dark picture. The login layout is in login.css and never
   mentions a particular picture.

   Rules for any cover picture (so the layout stays the same):
   - landscape, at least 1920 x 1200, under about 600 KB (jpg or webp)
   - NO text and NO logo inside the picture (the date, the greeting and the logo are added by the
     page, so they are always correct and can be translated)
   - subjects on the left and centre; the sign-in card covers the right side on a computer, and on a
     phone the picture is cropped to a banner showing the middle strip */
:root {
  --cover-image: none;
  --cover-fallback: linear-gradient(135deg, #e8f0e0, #a3c59f);
  --cover-focus: 50% 50%;
  --accent: #1f4d38;
  --accent-dark: #163a2a;
}
body[data-ink="light"] { --cover-ink: #ffffff; --cover-ink-soft: rgba(255, 255, 255, 0.82); --cover-shade: linear-gradient(to top right, rgba(10, 14, 20, 0.62) 0%, rgba(10, 14, 20, 0.22) 38%, rgba(10, 14, 20, 0) 62%); }
body[data-ink="dark"] { --cover-ink: #17301f; --cover-ink-soft: rgba(23, 48, 31, 0.78); --cover-shade: linear-gradient(to top right, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.18) 38%, rgba(255, 255, 255, 0) 62%); }