/* Rounded pictograms, quiet graphite and warm orange accents. */
:root{--pictogram-ink:#d9d4ce;--pictogram-accent:#e6a36b}
svg.icon{stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
svg.icon .pictogram-accent{color:var(--pictogram-accent)}
.bottom-nav{background:#191c21f5;border-color:#ffffff20;box-shadow:0 8px 24px #0004}
.bottom-nav button:not(.nav-main){--nav-tone:var(--pictogram-ink);color:#a9a7a5}
.bottom-nav button:not(.nav-main) svg{color:var(--pictogram-ink);width:25px;height:25px}
.bottom-nav button.active:not(.nav-main){--nav-tone:var(--orange);color:#ffac75;background:#ff853e0c;border-radius:16px}
.bottom-nav button.active:not(.nav-main) svg{color:#ffac75}
.bottom-nav .nav-main span{background:var(--orange);box-shadow:0 3px 10px #0003}
.bottom-nav .nav-main svg{color:#fff;width:25px;height:25px}
.bottom-nav .nav-main .pictogram-accent{color:#fff}
.bottom-nav button:active svg{transform:translateY(1px)}
.profile-button,.notification-button{color:var(--pictogram-ink);background:#23262b;border-color:#ffffff24}
.section-emblem,.theme-section .section-emblem,.section .section-emblem{color:var(--pictogram-ink);background:#ffffff08;border:1px solid #ffffff12;box-shadow:none;transform:none}
.card-facts span svg,.card-facts span:first-child svg,.card-facts span:nth-child(2) svg{color:#c8beb3}
.cat-icon,.theme-icon{color:var(--pictogram-ink)}
.fav-button{color:#e3d1c2}
.fav-button.active{color:#ffae75;background:#3a2a20;border-color:#b97f54}
.fav-button.active .pictogram-accent{color:currentColor}
@media(prefers-reduced-motion:reduce){.bottom-nav button:active svg{transform:none}}