.logo{--logo-a:var(--color-primary);--logo-word:var(--color-primary);--logo-tile:var(--color-primary);--logo-tile-fg:var(--color-bg);flex-shrink:0;display:block}.logo__tile{fill:var(--logo-tile)}:where([data-surface=blue],[data-surface=ink],[data-surface=photo]) .logo:not([data-tone]),.logo[data-tone=reverse]{--logo-a:var(--color-bg);--logo-word:var(--color-bg);--logo-tile:var(--color-bg);--logo-tile-fg:var(--color-primary)}:where([data-surface=yellow]) .logo:not([data-tone]),.logo[data-tone=ink]{--logo-a:var(--color-text-strong);--logo-word:var(--color-text-strong);--logo-tile:var(--color-text-strong);--logo-tile-fg:var(--color-highlight)}.logo[data-tone=duo]{--logo-a:var(--color-primary);--logo-b:var(--color-primary-ghost);--logo-word:var(--color-primary-light)}.logo[data-tone=current]{--logo-a:currentColor;--logo-word:currentColor;--logo-tile:currentColor}