/* 18320: one palette by canonical genre; never by card position or account. */
[data-genre] { --genre-rgb:139,145,153; --genre-ink:#515861; }
[data-genre="고전"] { --genre-rgb:173,132,75; --genre-ink:#755326; }
[data-genre="판타지"] { --genre-rgb:143,120,183; --genre-ink:#655083; }
[data-genre="로맨스"] { --genre-rgb:194,119,146; --genre-ink:#883e59; }
[data-genre="미스터리"] { --genre-rgb:111,137,164; --genre-ink:#405a74; }
[data-genre="모험"] { --genre-rgb:192,144,78; --genre-ink:#79541e; }
[data-genre="소설"] { --genre-rgb:111,160,148; --genre-ink:#386a5d; }
[data-genre="희곡"] { --genre-rgb:161,118,143; --genre-ink:#704861; }
[data-genre="심리"] { --genre-rgb:134,129,180; --genre-ink:#56517f; }
[data-genre="사회비평"] { --genre-rgb:116,146,139; --genre-ink:#43665e; }
[data-genre="서사시"] { --genre-rgb:170,135,111; --genre-ink:#75533c; }
[data-genre="단편"] { --genre-rgb:133,160,119; --genre-ink:#4d6c3d; }
[data-genre="아동"] { --genre-rgb:193,155,91; --genre-ink:#795b24; }
[data-genre="전쟁"] { --genre-rgb:152,137,112; --genre-ink:#685a44; }

/* Desktop/iPad artwork uses its original neutral readability shading. */
html .mobile-home-genre[data-genre] {
  background:rgba(var(--genre-rgb),.12); border-color:rgba(var(--genre-rgb),.24);
}
html .mobile-home-genre[data-genre] .mobile-genre-icon { color:rgb(var(--genre-rgb)); }
html[data-theme="light"] .mobile-home-genre[data-genre] strong { color:var(--genre-ink); }

/* The same genre keeps its color after recommendation reorder/filter/login. */
html .recommendation-section .mobile-book-genre[data-genre] {
  background:rgb(var(--genre-rgb));
  background:color-mix(in srgb, rgb(var(--genre-rgb)) 22%, white);
  color:var(--genre-ink); border:1px solid rgba(var(--genre-rgb),.15);
}
html[data-theme="dark"] .recommendation-section .mobile-book-genre[data-genre] {
  background:#25272b;
  background:color-mix(in srgb, rgb(var(--genre-rgb)) 28%, #202226);
  color:#f3f0eb; border-color:rgba(var(--genre-rgb),.35);
}