/* Marchio condiviso fra app e sito. La palette dei diagrammi è indipendente. */
:root{--brand-ink:#263b59;--brand-coral:#d95550}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--brand-ink:#e8eef5;--brand-coral:#f17b74}}
:root[data-theme="dark"]{--brand-ink:#e8eef5;--brand-coral:#f17b74}
.brand-name{font-family:Arial,Helvetica,sans-serif!important;font-weight:700;letter-spacing:-.5px!important;color:var(--brand-ink)}
.brand-name span{color:var(--brand-coral)}
.brand-symbol{display:block;flex:none;position:relative}
.brand-symbol img{display:block;width:100%;height:100%}
.brand-symbol .brand-dark{display:none}
:root[data-theme="dark"] .brand-symbol .brand-light{display:none}
:root[data-theme="dark"] .brand-symbol .brand-dark{display:block}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .brand-symbol .brand-light{display:none}
  :root:not([data-theme="light"]) .brand-symbol .brand-dark{display:block}
}