/* ============================================================================
   Member accent colours - GENERATED, do not edit by hand.
   Source: config/palette.php   Regenerate: php scripts/build-accents.php

   Usage:  <span class="owner" data-accent="azure">
             <span class="av">ZA</span>Zaabi
           </span>
   ========================================================================== */

[data-accent="indigo"] { --acc: #4564C4; --acc-tint: #EEF1F9; }
[data-accent="azure"] { --acc: #316F9B; --acc-tint: #EEF5F9; }
[data-accent="sky"] { --acc: #2A7385; --acc-tint: #EEF7F9; }
[data-accent="teal"] { --acc: #257670; --acc-tint: #EEF9F9; }
[data-accent="jade"] { --acc: #26775C; --acc-tint: #EEF9F6; }
[data-accent="green"] { --acc: #26793C; --acc-tint: #EEF9F1; }
[data-accent="olive"] { --acc: #477625; --acc-tint: #F3F9EE; }
[data-accent="moss"] { --acc: #5B7224; --acc-tint: #F6F9EE; }
[data-accent="amber"] { --acc: #7D6828; --acc-tint: #F9F7EE; }
[data-accent="orange"] { --acc: #915F2E; --acc-tint: #F9F4EE; }
[data-accent="rust"] { --acc: #A35533; --acc-tint: #F9F1EE; }
[data-accent="red"] { --acc: #B6443A; --acc-tint: #F9EFEE; }
[data-accent="crimson"] { --acc: #BC3B4D; --acc-tint: #F9EEEF; }
[data-accent="pink"] { --acc: #B83A75; --acc-tint: #F9EEF3; }
[data-accent="magenta"] { --acc: #B23894; --acc-tint: #F9EEF7; }
[data-accent="violet"] { --acc: #9B3FC2; --acc-tint: #F6EEF9; }
[data-accent="purple"] { --acc: #814FC7; --acc-tint: #F3EEF9; }
[data-accent="slate"] { --acc: #576C88; --acc-tint: #F1F3F6; }

/* dark theme: lighter siblings, same hue order */
:root[data-theme="dark"] [data-accent="indigo"] { --acc: #899EDD; --acc-tint: #10172B; }
:root[data-theme="dark"] [data-accent="azure"] { --acc: #67A6D3; --acc-tint: #10202B; }
:root[data-theme="dark"] [data-accent="sky"] { --acc: #40ADC8; --acc-tint: #10252B; }
:root[data-theme="dark"] [data-accent="teal"] { --acc: #33B1A9; --acc-tint: #102B29; }
:root[data-theme="dark"] [data-accent="jade"] { --acc: #34B389; --acc-tint: #102B22; }
:root[data-theme="dark"] [data-accent="green"] { --acc: #35B657; --acc-tint: #102B17; }
:root[data-theme="dark"] [data-accent="olive"] { --acc: #68B234; --acc-tint: #1B2B10; }
:root[data-theme="dark"] [data-accent="moss"] { --acc: #87AC32; --acc-tint: #232B10; }
:root[data-theme="dark"] [data-accent="amber"] { --acc: #BE9C37; --acc-tint: #2B2410; }
:root[data-theme="dark"] [data-accent="orange"] { --acc: #CF9458; --acc-tint: #2B1D10; }
:root[data-theme="dark"] [data-accent="rust"] { --acc: #D68F70; --acc-tint: #2B1810; }
:root[data-theme="dark"] [data-accent="red"] { --acc: #DB8A83; --acc-tint: #2B1210; }
:root[data-theme="dark"] [data-accent="crimson"] { --acc: #DC8893; --acc-tint: #2B1014; }
:root[data-theme="dark"] [data-accent="pink"] { --acc: #DC85AD; --acc-tint: #2B101C; }
:root[data-theme="dark"] [data-accent="magenta"] { --acc: #DB82C4; --acc-tint: #2B1024; }
:root[data-theme="dark"] [data-accent="violet"] { --acc: #C489DD; --acc-tint: #23102B; }
:root[data-theme="dark"] [data-accent="purple"] { --acc: #B191DF; --acc-tint: #1B102B; }
:root[data-theme="dark"] [data-accent="slate"] { --acc: #8EA1BD; --acc-tint: #161C25; }

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) [data-accent="indigo"] { --acc: #899EDD; --acc-tint: #10172B; }
  :root:not([data-theme="light"]) [data-accent="azure"] { --acc: #67A6D3; --acc-tint: #10202B; }
  :root:not([data-theme="light"]) [data-accent="sky"] { --acc: #40ADC8; --acc-tint: #10252B; }
  :root:not([data-theme="light"]) [data-accent="teal"] { --acc: #33B1A9; --acc-tint: #102B29; }
  :root:not([data-theme="light"]) [data-accent="jade"] { --acc: #34B389; --acc-tint: #102B22; }
  :root:not([data-theme="light"]) [data-accent="green"] { --acc: #35B657; --acc-tint: #102B17; }
  :root:not([data-theme="light"]) [data-accent="olive"] { --acc: #68B234; --acc-tint: #1B2B10; }
  :root:not([data-theme="light"]) [data-accent="moss"] { --acc: #87AC32; --acc-tint: #232B10; }
  :root:not([data-theme="light"]) [data-accent="amber"] { --acc: #BE9C37; --acc-tint: #2B2410; }
  :root:not([data-theme="light"]) [data-accent="orange"] { --acc: #CF9458; --acc-tint: #2B1D10; }
  :root:not([data-theme="light"]) [data-accent="rust"] { --acc: #D68F70; --acc-tint: #2B1810; }
  :root:not([data-theme="light"]) [data-accent="red"] { --acc: #DB8A83; --acc-tint: #2B1210; }
  :root:not([data-theme="light"]) [data-accent="crimson"] { --acc: #DC8893; --acc-tint: #2B1014; }
  :root:not([data-theme="light"]) [data-accent="pink"] { --acc: #DC85AD; --acc-tint: #2B101C; }
  :root:not([data-theme="light"]) [data-accent="magenta"] { --acc: #DB82C4; --acc-tint: #2B1024; }
  :root:not([data-theme="light"]) [data-accent="violet"] { --acc: #C489DD; --acc-tint: #23102B; }
  :root:not([data-theme="light"]) [data-accent="purple"] { --acc: #B191DF; --acc-tint: #1B102B; }
  :root:not([data-theme="light"]) [data-accent="slate"] { --acc: #8EA1BD; --acc-tint: #161C25; }
}

/* Avatar initials flip with the theme: white on the darker light-mode colour,
   near-black on the lighter dark-mode colour. */
[data-accent] .av,
[data-accent].avatar { background: var(--acc); color: #FFFFFF; }
:root[data-theme="dark"] [data-accent] .av,
:root[data-theme="dark"] [data-accent].avatar { color: #071120; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) [data-accent] .av,
  :root:not([data-theme="light"]) [data-accent].avatar { color: #071120; }
}
.owner[data-accent] { background: var(--acc-tint); color: var(--acc); }