/* Ondris's one look, in light and dark - 25 Oct 2026.

   The founder: "different colours on every page and add-ons", then chose
   "B: Light everywhere" - dark text on a light page, a navy bar along the
   top and the purple-blue buttons - and "we also need the option for light
   and dark screens". Dark is the opening page's charcoal.

   Every page loads this file and ondris-theme.js, and takes its colours from
   these --o-* names, so a page can never drift to colours of its own.
   ondris-theme.js puts data-theme="dark" on <html> for the dark screens.

   Every text colour here reads at 4.5 to 1 or more on every surface, and box
   outlines (--o-line-strong) at 3 to 1 - the accessibility guideline
   (tests/test_theme.py).

   4 Nov 2026: the new logo is an amber "&" on this navy, and the founder:
   "Don't forget to change any other colours on any part of Ondris that have
   the old logo colour". The purple-blue of the old logo is gone: the buttons
   are amber with navy writing (white on amber can't be read), the focus ring
   is navy (amber in dark), and the selection and note boxes are navy tints. */

:root {
  color-scheme: light;
  --o-page: #f6f3ee;          /* the page itself */
  --o-surface: #ffffff;       /* cards, panels, boxes */
  --o-surface-2: #f1ede6;     /* hover, secondary buttons, quiet fills */
  --o-line: #d9d4ca;          /* dividers and card edges */
  --o-line-strong: #7d8695;   /* edges of boxes you type in or press */
  --o-ink: #172033;           /* text */
  --o-ink-2: #3b475a;         /* secondary text */
  --o-muted: #556479;         /* small print, hints, times */
  --o-link: #1c56c4;
  --o-bar: #1f2a44;           /* the bar along the top */
  --o-bar-ink: #ffffff;
  --o-bar-ink-2: #c9d3e6;
  --o-btn-a: #f5ae42;         /* the amber of the logo's "&" */
  --o-btn-b: #ee9c2e;
  --o-btn-ink: #1f2a44;       /* navy writing on amber (white on amber is 1.9 to 1) */
  --o-btn: linear-gradient(135deg, var(--o-btn-a), var(--o-btn-b));
  --o-focus: #1f2a44;         /* the ring round the box you're in */
  --o-danger: #b42318;
  --o-good: #137333;
  --o-warn: #a14d06;
  --o-bubble-me: #e8edf7;     /* the person's own messages */
  --o-selection: #d6ddec;
  --o-shadow: 0 10px 30px rgba(23, 32, 51, 0.10);
  --o-danger-solid: #b42318;  /* red buttons (delete), white writing, both modes */
  --o-danger-ink: #ffffff;    /* 4 Nov 2026: their own writing colour, now the amber buttons write in navy */
  /* soft tinted boxes - notes, chosen items, tips, warnings, changes */
  --o-info-bg: #edf0f6;  --o-info-line: #c5cedf;  --o-info-ink: #1f2a44;
  --o-good-bg: #ecfdf3;  --o-good-line: #a7e3bd;
  --o-warn-bg: #fffbeb;  --o-warn-line: #f2cf74;
  --o-danger-bg: #fef2f2; --o-danger-line: #fecaca;
  --o-mark: #fff2a8;          /* the sentence being read aloud */
  --o-mark-found: #c7f0d4;    /* a sentence found by search */
}

html[data-theme="dark"] {
  color-scheme: dark;
  --o-page: #0a0d12;
  --o-surface: #121720;
  --o-surface-2: #1a2130;
  --o-line: #283140;
  --o-line-strong: #646f82;
  --o-ink: #f5f4f7;
  --o-ink-2: #d3d7df;
  --o-muted: #aab1bd;
  --o-link: #a9b8ff;
  --o-bar: #121720;
  --o-bar-ink: #f5f4f7;
  --o-bar-ink-2: #c9ced8;
  --o-focus: #f5ae42;
  --o-danger: #ff9b8a;
  --o-good: #6ee7a8;
  --o-warn: #f7b96b;
  --o-bubble-me: #232a3a;
  --o-selection: #33415f;
  --o-shadow: 0 10px 30px rgba(0, 0, 0, 0.38);
  --o-info-bg: #1a2236;  --o-info-line: #34405c;  --o-info-ink: #d3dbec;
  --o-good-bg: #0f2a1c;  --o-good-line: #1f5a3a;
  --o-warn-bg: #2d2108;  --o-warn-line: #6b4e12;
  --o-danger-bg: #2e1414; --o-danger-line: #6b2a2a;
  --o-mark: #4d4300;
  --o-mark-found: #1d4a30;
}

/* Hints inside boxes in the theme's readable grey on every page, not the
   browser's own (3.9 to 1 on a dark box). */
::placeholder { color: var(--o-muted); opacity: 1; }